.prayer-page{background:var(--bg);min-height:100vh;padding-bottom:56px}.pwrap{width:100%;max-width:1320px;margin:0 auto;padding:0 24px}.controls{flex-wrap:wrap;align-items:center;gap:12px;padding:26px 0 8px;display:flex}.loc-search{flex:1;min-width:220px;max-width:420px;position:relative}.loc-search svg{width:18px;height:18px;color:var(--muted);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.loc-search input{border:1.5px solid var(--border-strong);background:var(--surface);width:100%;color:var(--ink);font-family:var(--font-body);border-radius:13px;outline:none;padding:13px 16px 13px 42px;font-size:15px;transition:border-color .2s,box-shadow .2s}.loc-search input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--ring)}.geo-btn{border:1.5px solid var(--border-strong);background:var(--surface);height:48px;color:var(--ink);font-family:var(--font-display);border-radius:13px;align-items:center;gap:9px;padding:0 18px;font-size:14px;font-weight:600;transition:border-color .2s,color .2s,transform .15s;display:inline-flex}.geo-btn:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.geo-btn svg{width:18px;height:18px}.method-ctrl{border:1.5px solid var(--border-strong);background:var(--surface);height:48px;color:var(--ink-2);border-radius:13px;align-items:center;gap:9px;padding:0 14px;display:inline-flex}.method-ctrl svg{width:17px;height:17px;color:var(--muted)}.method-ctrl select{color:var(--ink);font-family:var(--font-display);cursor:pointer;background:0 0;border:none;outline:none;max-width:200px;font-size:14px;font-weight:600}.method-ctrl select option{background:var(--surface);color:var(--ink)}.fmt-toggle{border:1.5px solid var(--border-strong);border-radius:13px;height:48px;display:inline-flex;overflow:hidden}.fmt-toggle button{font-family:var(--font-display);color:var(--muted);background:var(--surface);padding:0 16px;font-size:14px;font-weight:600;transition:background .2s,color .2s}.fmt-toggle button.on{background:var(--primary);color:#fff}[data-theme=dark] .fmt-toggle button.on{color:#062018}.controls .spacer{flex:1}.pt-hero{border-radius:var(--radius-lg);background:linear-gradient(150deg, var(--emerald-800), var(--emerald-700) 55%, var(--emerald-600));box-shadow:var(--shadow-lg);color:#eafff4;margin-top:14px;position:relative;overflow:hidden}.pt-hero .star-pattern{opacity:.5}.pt-hero-inner{z-index:2;grid-template-columns:1fr auto;align-items:center;gap:28px;padding:40px 48px;display:grid;position:relative}.pt-loc{font-family:var(--font-display);align-items:center;gap:10px;font-size:16px;font-weight:600;display:flex}.pt-loc svg{width:19px;height:19px;color:var(--gold-400)}.pt-dates{margin-top:16px}.pt-hijri{font-family:var(--font-display);color:#fff;font-size:clamp(24px,3.2vw,34px);font-weight:700}.pt-greg{color:#eafff4b3;margin-top:4px;font-size:15px}.pt-clock{font-family:var(--font-display);color:var(--gold-300,#6cc6a0);letter-spacing:.02em;margin-top:14px;font-size:15px;font-weight:700}.pt-clock .live-dot{background:var(--gold-400);vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:7px;animation:2s infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.pt-next{text-align:right;min-width:260px}.pt-next .lab{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-400);font-size:12.5px;font-weight:600}.pt-next .name{font-family:var(--font-display);color:#fff;margin-top:6px;font-size:clamp(30px,4vw,44px);font-weight:800;line-height:1.05}.pt-next .count{font-family:var(--font-display);color:#eafff4;font-variant-numeric:tabular-nums;margin-top:8px;font-size:22px;font-weight:700}.pt-next .count small{color:#eafff499;font-size:14px;font-weight:500}.pt-progress{background:#ffffff29;border-radius:999px;height:7px;margin-top:16px;overflow:hidden}.pt-progress .bar{background:linear-gradient(90deg, var(--gold-400), var(--emerald-300));border-radius:999px;width:0%;height:100%;transition:width 1s linear}.pt-grid{grid-template-columns:repeat(6,1fr);gap:14px;margin-top:22px;display:grid}.pcard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:22px 16px;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;overflow:hidden}.pcard:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.pcard .picon{background:var(--surface-2);width:44px;height:44px;color:var(--accent);border-radius:13px;place-items:center;margin:0 auto 14px;transition:background .2s,color .2s;display:grid}.pcard .picon svg{width:24px;height:24px}.pcard .pname{font-family:var(--font-display);color:var(--ink);font-size:15px;font-weight:600}.pcard .par{font-family:var(--font-arabic);color:var(--muted);margin-top:1px;font-size:17px}.pcard .ptime-v{font-family:var(--font-display);color:var(--ink);font-variant-numeric:tabular-nums;margin-top:12px;font-size:21px;font-weight:700}.pcard .ptime-v .ampm{color:var(--muted);margin-left:3px;font-size:12px;font-weight:600}.pcard.current{background:var(--primary);border-color:var(--primary);box-shadow:0 16px 36px -16px var(--ring)}.pcard.current .pname,.pcard.current .ptime-v{color:#fff}.pcard.current .par{color:#fffc}.pcard.current .picon{color:#fff;background:#ffffff2e}.pcard.current .ptime-v .ampm{color:#ffffffbf}[data-theme=dark] .pcard.current .pname,[data-theme=dark] .pcard.current .ptime-v{color:#062018}[data-theme=dark] .pcard.current .par{color:#062018b3}[data-theme=dark] .pcard.current .picon{color:#062018;background:#06201826}[data-theme=dark] .pcard.current .ptime-v .ampm{color:#06201899}.pcard .badge-now{font-family:var(--font-display);letter-spacing:.1em;background:var(--gold-400);color:#3a2c0a;border-radius:999px;padding:3px 8px;font-size:9.5px;font-weight:700;position:absolute;top:10px;right:10px}.pt-lower{grid-template-columns:1.4fr 1fr;gap:20px;margin-top:22px;display:grid}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:26px}.panel-head{align-items:center;gap:10px;margin-bottom:18px;display:flex}.panel-head svg{width:20px;height:20px;color:var(--accent)}.panel-head h3{font-size:17px}.panel-head .sub{color:var(--muted);margin-left:auto;font-size:13px}.extra-list{grid-template-columns:1fr 1fr;gap:12px;display:grid}.extra-row{background:var(--surface-2);border-radius:13px;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.extra-row .el{font-family:var(--font-display);color:var(--ink-2);align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.extra-row .el svg{width:17px;height:17px;color:var(--muted)}.extra-row .ev{font-family:var(--font-display);color:var(--ink);font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.qibla{text-align:center}.compass{width:200px;height:200px;margin:8px auto 18px;position:relative}.compass-ring{background:radial-gradient(circle at 50% 45%, var(--surface-2), var(--surface));border:2px solid var(--border-strong);border-radius:50%;width:100%;height:100%;position:relative;box-shadow:inset 0 2px 12px #0000000f}.compass-mark{font-family:var(--font-display);color:var(--muted);font-size:13px;font-weight:700;position:absolute}.compass-mark.n{color:var(--primary);top:8px;left:50%;transform:translate(-50%)}.compass-mark.s{bottom:8px;left:50%;transform:translate(-50%)}.compass-mark.e{top:50%;right:10px;transform:translateY(-50%)}.compass-mark.w{top:50%;left:10px;transform:translateY(-50%)}.needle{transform-origin:bottom;width:4px;height:78px;transition:transform .6s cubic-bezier(.2,.8,.2,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-100%)rotate(0)}.needle .tip{background:var(--primary);width:30px;height:30px;box-shadow:var(--shadow-sm);border-radius:8px;place-items:center;display:grid;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.needle .tip svg{color:#fff;width:18px;height:18px}[data-theme=dark] .needle .tip svg{color:#062018}.needle .stem{background:linear-gradient(var(--primary), transparent);border-radius:999px;width:4px;height:64px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.compass-center{background:var(--accent);width:14px;height:14px;box-shadow:0 0 0 4px var(--surface);z-index:3;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.qibla-info{font-family:var(--font-display)}.qibla-info .deg{color:var(--ink);font-size:28px;font-weight:800}.qibla-info .desc{color:var(--muted);margin-top:2px;font-size:13.5px}.qibla-calib{margin-top:16px}.qibla-calib button{font-family:var(--font-display);color:var(--primary);border:1.5px solid var(--border-strong);border-radius:999px;padding:8px 16px;font-size:13px;font-weight:600;transition:border-color .2s}.qibla-calib button:hover{border-color:var(--primary)}.month-toggle{justify-content:center;margin:26px 0 0;display:flex}.month-toggle button{font-family:var(--font-display);color:var(--ink-2);border:1.5px solid var(--border-strong);background:var(--surface);border-radius:999px;align-items:center;gap:8px;padding:11px 22px;font-size:14px;font-weight:600;transition:border-color .2s,color .2s;display:inline-flex}.month-toggle button:hover{border-color:var(--primary);color:var(--primary)}.month-toggle button svg{width:16px;height:16px;transition:transform .3s}.month-toggle button.open svg{transform:rotate(180deg)}.month-wrap{max-height:0;transition:max-height .45s;overflow:hidden}.month-wrap.open{max-height:3200px}.month-table{border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;margin:20px 0 40px;font-size:14px;overflow:hidden}.month-table th,.month-table td{text-align:center;font-variant-numeric:tabular-nums;padding:12px 10px}.month-table thead th{background:var(--surface-2);font-family:var(--font-display);color:var(--ink);border-bottom:1px solid var(--border);font-size:13px;font-weight:600}.month-table tbody td{color:var(--ink-2);border-bottom:1px solid var(--border)}.month-table tbody tr:last-child td{border-bottom:none}.month-table tbody tr.today{background:var(--primary-soft)}[data-theme=dark] .month-table tbody tr.today{background:#11352763}.month-table .daycol{font-family:var(--font-display);color:var(--ink);text-align:left;padding-left:18px;font-weight:700}.month-table .daycol small{color:var(--muted);font-size:12px;font-weight:400;display:block}.pt-skeleton .sk-block{border-radius:var(--radius);background:linear-gradient(90deg, var(--surface-2) 25%, var(--border) 37%, var(--surface-2) 63%);background-size:400% 100%;height:120px;animation:1.4s infinite shimmer}.pt-error{text-align:center;color:var(--muted);padding:50px 24px}.pt-error h3{color:var(--ink);margin-bottom:8px}@media (max-width:920px){.pt-hero-inner{grid-template-columns:1fr;gap:20px;padding:32px 28px}.pt-next{text-align:left;min-width:0}.pt-grid{grid-template-columns:repeat(3,1fr)}.pt-lower{grid-template-columns:1fr}.extra-list{grid-template-columns:1fr 1fr}}@media (max-width:560px){.pwrap{padding:0 16px}.controls{gap:10px}.loc-search{flex-basis:100%;max-width:none}.pt-grid{grid-template-columns:repeat(2,1fr)}.pt-hero-inner{padding:26px 20px}.month-table{font-size:12px}.month-table th,.month-table td{padding:9px 5px}.month-table .daycol{padding-left:10px}}