:root{--bg:#061613;--bg2:#0b241e;--card:#102d26;--card2:#173b31;--line:rgba(240,215,150,.16);--gold:#e8c777;--gold2:#b9873b;--text:#f8f1df;--muted:#b8c8bf;--soft:#d9ebdf;--danger:#e06a55;--ok:#8ee0aa;--warn:#f4c86b;--shadow:0 20px 60px rgba(0,0,0,.32);--radius:26px;--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html{min-height:100%;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:radial-gradient(circle at 20% -10%,rgba(232,199,119,.18),transparent 35%),linear-gradient(180deg,#061613 0%,#0a211c 52%,#061613 100%);overflow-x:hidden}.hv-app{position:relative;min-height:100vh;max-width:540px;margin:0 auto;padding:16px 14px 128px}.ambient{position:fixed;z-index:-1;width:220px;height:220px;border-radius:999px;filter:blur(60px);opacity:.45}.ambient-a{top:20px;left:-90px;background:#b9873b}.ambient-b{right:-110px;bottom:90px;background:#1f7f64}.topbar{position:sticky;top:0;z-index:20;margin:-16px -14px 14px;padding:16px 14px 12px;background:linear-gradient(180deg,rgba(6,22,19,.98),rgba(6,22,19,.82));backdrop-filter:blur(22px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(232,199,119,.1);box-shadow:0 14px 34px rgba(0,0,0,.18)}.brand{display:flex;gap:10px;align-items:center;min-width:0}.brand img{width:42px;height:42px;border-radius:14px;box-shadow:0 10px 30px rgba(232,199,119,.14)}.brand b{display:block;font-size:16px;letter-spacing:.2px}.brand small{display:block;color:var(--muted);max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.header-actions{display:flex;align-items:center;gap:8px}.icon-pill,.version-chip,.source-badge,.pill{border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--text);border-radius:999px;padding:8px 10px;font-weight:800;font-size:12px}.version-chip{color:var(--gold);padding:7px 9px}.source-badge{display:inline-flex;align-items:center}.source-badge.ready{color:#f7d98a}.source-badge.live{color:#96f0b4}.content{position:relative}.screen{display:none;animation:fadeUp .22s ease both}.screen.active{display:block}@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.premium-surface,.surface-gold,.hero-card,.assistant-card,.mode-card,.form-card,.provider-card,.qada-card,.weekly-preview,.daily-intent,.source-panel,.feature-map,.location-status,.zikr-card,.profile-message-card{background:radial-gradient(circle at top left,rgba(232,199,119,.14),transparent 34%),linear-gradient(150deg,rgba(22,53,44,.96),rgba(9,25,21,.98));border:1px solid rgba(232,199,119,.12);box-shadow:0 22px 54px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.03);border-radius:var(--radius)}.surface-gold{background:radial-gradient(circle at 20% 10%,rgba(232,199,119,.25),transparent 42%),linear-gradient(145deg,#163f34,#0d241f)}.hero-card{padding:22px}.hero-top,.assistant-head,.sheet-head,.form-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.eyebrow,.kicker{display:block;color:var(--gold);font-size:11px;text-transform:uppercase;letter-spacing:.13em;font-weight:900}.hero-card h1,.page-title h1{margin:10px 0 8px;font-size:30px;line-height:1.03;letter-spacing:-.035em}.hero-card p,.page-title p,.daily-intent p,.qada-card p,.weekly-preview p,.provider-card p,.source-panel p{margin:0;color:var(--muted);line-height:1.55;font-size:14px}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.metric-row article,.tracker-summary article,.qibla-grid article,.data-control-grid article{padding:14px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}.metric-row small,.tracker-summary small,.qibla-grid small,.data-control-grid small{display:block;color:var(--muted);font-size:11px}.metric-row strong,.tracker-summary strong,.qibla-grid b,.data-control-grid b{display:block;margin-top:4px;color:var(--text);font-size:18px}.hero-actions,.action-row,.zikr-actions,.sheet-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.primary,.secondary,.quiet-action{border:none;border-radius:18px;min-height:48px;padding:12px 14px;font-weight:900;font-size:14px}.primary{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#081611}.secondary,.quiet-action{background:rgba(255,255,255,.07);border:1px solid var(--line);color:var(--text)}.full{width:100%}.assistant-card,.prep-line,.daily-intent,.source-panel,.mode-card,.profile-message-card,.zikr-card,.weekly-preview,.qada-card,.feature-map,.form-card,.provider-card,.location-status{padding:18px;margin-top:14px}.command-grid{display:grid;grid-template-columns:1fr;gap:9px;margin-top:12px}.command-grid button,.micro-card,.persona-grid button{border:1px solid rgba(232,199,119,.12);background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.025));color:var(--text);text-align:left;border-radius:22px;padding:15px;box-shadow:0 10px 26px rgba(0,0,0,.15)}.command-grid b{display:block}.command-grid span{display:block;color:var(--muted);font-size:12px;margin-top:4px}.prep-line{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.prep-line article{border-radius:20px;background:rgba(0,0,0,.13);padding:12px}.prep-line span{color:var(--gold);font-weight:900;font-size:12px}.prep-line b{display:block;margin:5px 0}.prep-line small{color:var(--muted);font-size:11px;line-height:1.35}.section-head{display:flex;justify-content:space-between;align-items:center;margin:18px 2px 8px}.section-head h2,.assistant-head h2,.form-head h2,.source-panel h2,.location-status h2{margin:3px 0 0;font-size:18px}.section-head small{color:var(--muted)}.prayer-list,.tracker-list,.flow-list,.plans,.feature-map-list{display:grid;gap:10px}.prayer-item,.tracker-row,.plan-card,.feature-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.07);box-shadow:0 10px 20px rgba(0,0,0,.12)}.prayer-item.active{border-color:rgba(232,199,119,.5);background:rgba(232,199,119,.1)}.prayer-item b,.tracker-row b{font-size:15px}.prayer-item small,.tracker-row small{display:block;color:var(--muted);margin-top:2px}.prayer-time{font-size:18px;color:var(--gold);font-weight:950}.page-title{padding:14px 4px 4px}.page-title.compact h1{font-size:25px}.mode-card{display:grid;grid-template-columns:70px 1fr;align-items:center;gap:14px}.mode-card button{grid-column:1/-1}.mode-orb{width:68px;height:68px;border-radius:24px;display:grid;place-items:center;background:radial-gradient(circle,#fff4c8,#c08a37);color:#071611;font-size:32px;font-weight:900;box-shadow:0 15px 40px rgba(232,199,119,.2)}.flow-list article{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:15px;border-radius:22px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.06)}.flow-list b{color:var(--gold);font-size:18px}.flow-list h3{margin:0 0 4px}.flow-list p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.zikr-card{display:grid;gap:14px}.zikr-card strong{display:block;font-size:40px;line-height:1;margin:8px 0}.goal-buttons,.profile-buttons,.tabs-row,.qada-plan-options{display:flex;gap:8px;flex-wrap:wrap}.goal-buttons button,.profile-buttons button,.tabs-row button,.qada-plan-options button{border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--text);border-radius:999px;padding:10px 12px;font-weight:900}.goal-buttons button.active,.profile-buttons button.active,.tabs-row button.active,.qada-plan-options button.active{background:rgba(232,199,119,.18);border-color:rgba(232,199,119,.55);color:var(--gold)}.tracker-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:8px 0 12px}.tracker-summary article{text-align:center}.tracker-row{align-items:flex-start;display:block}.tracker-row-main{display:flex;justify-content:space-between;gap:12px;align-items:center}.status-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.status-actions button{border:1px solid var(--line);background:rgba(255,255,255,.05);border-radius:14px;padding:10px 6px;color:var(--text);font-weight:900;font-size:12px}.status-actions button.active.done{background:rgba(142,224,170,.17);border-color:rgba(142,224,170,.45)}.status-actions button.active.remind{background:rgba(244,200,107,.16);border-color:rgba(244,200,107,.45)}.status-actions button.active.qada{background:rgba(224,106,85,.17);border-color:rgba(224,106,85,.48)}.times-panel{display:none;gap:10px}.times-panel.active{display:grid}.time-card{display:flex;justify-content:space-between;align-items:center;padding:13px;border:1px solid rgba(255,255,255,.06);border-radius:20px;background:rgba(255,255,255,.045)}.time-card strong{color:var(--gold)}.qibla-grid,.data-control-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:12px}.data-control-grid{grid-template-columns:repeat(3,1fr)}.data-control-grid span,.qibla-grid span{color:var(--muted);font-size:11px;line-height:1.35}.diagnostics{margin-top:12px;color:var(--muted);font-size:13px;line-height:1.45}.plans{margin-top:10px}.plan-card{display:block}.plan-card header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.plan-card h3{margin:0;font-size:19px}.plan-price{color:var(--gold);font-weight:950}.plan-card ul{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:8px}.plan-card li{position:relative;padding-left:18px;color:var(--soft);font-size:13px}.plan-card li:before{content:"✓";position:absolute;left:0;color:var(--gold)}.feature-row{align-items:flex-start}.feature-row .lock{min-width:62px;text-align:center;border-radius:999px;padding:7px 9px;background:rgba(255,255,255,.06);color:var(--gold);font-weight:900;font-size:11px}.form-card label,.sheet-panel label{display:grid;gap:6px;margin-top:12px;color:var(--muted);font-size:13px;font-weight:800}select,input[type=search]{width:100%;border:1px solid var(--line);border-radius:16px;padding:13px;background:#0a211c;color:var(--text);outline:none}select:focus,input:focus{border-color:rgba(232,199,119,.58)}.hint{display:block;color:var(--muted);line-height:1.45;margin-top:10px}.provider-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.provider-grid b{border:1px solid var(--line);border-radius:14px;padding:10px;text-align:center;color:var(--gold);background:rgba(255,255,255,.04);font-size:12px}.bottom-nav{position:fixed;left:50%;bottom:10px;z-index:25;transform:translateX(-50%);width:min(540px,calc(100% - 16px));display:grid;grid-auto-flow:column;grid-auto-columns:minmax(78px,1fr);gap:8px;overflow-x:auto;padding:10px 10px calc(10px + var(--safe-bottom));background:linear-gradient(180deg,rgba(8,28,23,.78),rgba(7,24,20,.98));backdrop-filter:blur(24px);border:1px solid rgba(232,199,119,.16);border-radius:28px;box-shadow:0 24px 60px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.04)}.bottom-nav::-webkit-scrollbar{display:none}.bottom-nav button{min-width:78px;display:grid;gap:6px;place-items:center;border:none;border-radius:22px;background:transparent;color:var(--muted);padding:10px 8px 9px;transition:transform .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease}.bottom-nav button span{display:grid;place-items:center;width:38px;height:38px;border-radius:16px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.04);font-size:20px;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}.bottom-nav button b{font-size:12px;font-weight:900;letter-spacing:.01em}.bottom-nav button.active{background:linear-gradient(180deg,rgba(232,199,119,.18),rgba(232,199,119,.1));color:var(--gold);transform:translateY(-3px);box-shadow:0 16px 34px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.05)}.bottom-nav button.active span{background:radial-gradient(circle at 30% 20%,rgba(255,247,216,.22),rgba(232,199,119,.12));border-color:rgba(232,199,119,.18);color:var(--gold);box-shadow:0 8px 18px rgba(232,199,119,.12)}.bottom-nav button:active{transform:scale(.98)}.onboarding,.sheet{position:fixed;inset:0;z-index:60}.onboarding{display:grid;place-items:center;background:rgba(3,12,10,.78);backdrop-filter:blur(24px);padding:18px}.onboarding[hidden],.sheet[hidden]{display:none}.onboarding-card{max-width:440px;border-radius:32px;padding:24px;background:linear-gradient(145deg,#15392f,#071a16);border:1px solid var(--line);box-shadow:var(--shadow)}.onboarding-logo{width:68px;height:68px;border-radius:22px}.onboarding-card h1{font-size:28px;line-height:1.08;letter-spacing:-.03em;margin:14px 0 10px}.onboarding-card p{color:var(--muted);line-height:1.55}.persona-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:16px 0}.sheet-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55)}.sheet-panel{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:min(540px,100%);max-height:90vh;overflow:auto;background:#081d18;border-radius:30px 30px 0 0;border:1px solid var(--line);box-shadow:0 -24px 70px rgba(0,0,0,.45);padding:12px 16px calc(20px + var(--safe-bottom))}.sheet-handle{width:46px;height:5px;border-radius:99px;background:rgba(255,255,255,.25);margin:0 auto 14px}.sheet-head button{border:none;border-radius:999px;background:rgba(255,255,255,.08);color:var(--text);padding:9px 12px;font-weight:900}.sheet-head h2{margin:3px 0 0}.rtl{direction:rtl}.rtl .brand,.rtl .hero-top,.rtl .assistant-head,.rtl .section-head,.rtl .form-head,.rtl .sheet-head{direction:rtl}@media (max-width:390px){.hv-app{padding-inline:10px}.metric-row,.tracker-summary,.data-control-grid{grid-template-columns:repeat(2,1fr)}.prep-line{grid-template-columns:1fr}.bottom-nav button{min-width:74px}.hero-card h1,.page-title h1{font-size:25px}.persona-grid{grid-template-columns:1fr}.provider-grid{grid-template-columns:repeat(2,1fr)}}
/* v3.3 stabilite ve bakım kartı */
.maintenance-card{padding:16px;margin-top:12px}.maintenance-card h2{margin:4px 0 8px;font-size:18px}.small-note{margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.45}.maintenance-actions{display:grid;grid-template-columns:1fr;gap:9px;margin-top:12px}.quiet-danger{border:1px solid rgba(224,106,85,.36);background:rgba(224,106,85,.11);color:#ffd6cf;border-radius:18px;min-height:48px;padding:12px 14px;font-weight:900;font-size:14px}.maintenance-actions .secondary,.maintenance-actions .quiet-danger{text-align:center}.source-badge.live{background:rgba(142,224,170,.16);border-color:rgba(142,224,170,.42);color:var(--ok)}
/* v3.3 canlı veri ve APK hazırlığı */
.endpoint-panel,.checklist-card{padding:16px;margin-top:12px}.endpoint-panel h2,.checklist-card h2{margin:4px 0 8px;font-size:18px}.endpoint-panel p{margin:0;color:var(--muted);line-height:1.55;font-size:14px}.endpoint-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px}.endpoint-actions button{border:1px solid var(--line);background:rgba(255,255,255,.06);color:var(--text);border-radius:16px;min-height:44px;padding:10px;font-weight:900}.endpoint-actions button:active{transform:translateY(1px)}.checklist-card ul{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:9px}.checklist-card li{position:relative;padding-left:21px;color:var(--soft);font-size:13px;line-height:1.45}.checklist-card li:before{content:"✓";position:absolute;left:0;top:0;color:var(--gold);font-weight:900}@media (max-width:390px){.endpoint-actions{grid-template-columns:1fr}}
/* v3.3 canlı Diyanet seçici ve güvenli sarma notları */
.stack-actions{display:grid;gap:8px;min-width:150px}
.live-sync-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px}
.live-sync-actions button{min-height:48px;border-radius:18px}
.diagnostics{border:1px dashed rgba(232,199,119,.24);border-radius:18px;padding:12px;background:rgba(232,199,119,.045)}
@media (max-width:390px){.live-sync-actions{grid-template-columns:1fr}.stack-actions{width:100%}}
/* v3.3 canlı veri sağlık paneli ve kaza planı */
.live-status-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;padding:16px;margin-top:12px}
.live-status-grid article{padding:13px;border-radius:20px;background:rgba(0,0,0,.14);border:1px solid rgba(255,255,255,.06)}
.live-status-grid small{display:block;color:var(--muted);font-size:11px}
.live-status-grid b{display:block;margin-top:4px;color:var(--gold);font-size:15px}
.live-status-grid span{display:block;margin-top:4px;color:var(--muted);font-size:11px;line-height:1.35}
.qada-daily-plan{margin-top:12px}
.qada-mini-plan{padding:13px;border-radius:18px;background:rgba(232,199,119,.08);border:1px solid rgba(232,199,119,.18)}
.qada-mini-plan b{display:block;color:var(--gold);margin-bottom:5px}
.qada-mini-plan span{display:block;color:var(--muted);font-size:13px;line-height:1.5}
.location-guidance{padding:16px;margin-top:12px}
.location-guidance ol{margin:10px 0 0;padding-left:20px;color:var(--soft);display:grid;gap:7px;font-size:13px;line-height:1.45}
.rtl .location-guidance ol{padding-left:0;padding-right:20px}
@media (max-width:390px){.live-status-grid{grid-template-columns:1fr}}
.qibla-compass{padding:18px;margin-top:14px}.qibla-compass-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.qibla-compass-head h2{margin:4px 0 8px;font-size:22px}.qibla-compass-head p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.qibla-compass-wrap{display:grid;place-items:center;padding:12px 0 6px}.qibla-compass-disc{position:relative;width:250px;height:250px;border-radius:999px;border:1px solid rgba(232,199,119,.18);background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.08),rgba(255,255,255,.02) 45%,rgba(0,0,0,.08) 70%),linear-gradient(180deg,rgba(16,44,37,.95),rgba(7,24,20,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 18px 40px rgba(0,0,0,.24)}.qibla-mark{position:absolute;color:var(--gold);font-size:13px;font-weight:900;letter-spacing:.04em}.qibla-mark-n{top:12px;left:50%;transform:translateX(-50%)}.qibla-mark-e{right:14px;top:50%;transform:translateY(-50%)}.qibla-mark-s{bottom:12px;left:50%;transform:translateX(-50%)}.qibla-mark-w{left:14px;top:50%;transform:translateY(-50%)}.qibla-kaaba-dot{position:absolute;top:24px;left:50%;transform:translateX(-50%);padding:5px 10px;border-radius:999px;background:rgba(232,199,119,.14);border:1px solid rgba(232,199,119,.24);color:var(--gold);font-size:11px;font-weight:900}.qibla-arrow{position:absolute;left:50%;top:50%;width:8px;height:96px;transform:translate(-50%,-92%) rotate(0deg);transform-origin:50% 92%;border-radius:999px;background:linear-gradient(180deg,var(--gold),#fff4c8);box-shadow:0 0 0 1px rgba(232,199,119,.06),0 10px 24px rgba(232,199,119,.18)}.qibla-arrow:before{content:"";position:absolute;top:-16px;left:50%;transform:translateX(-50%);border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:20px solid #fff2bf}.qibla-center-dot{position:absolute;left:50%;top:50%;width:18px;height:18px;transform:translate(-50%,-50%);border-radius:999px;background:var(--gold);box-shadow:0 0 0 6px rgba(232,199,119,.12)}.qibla-meta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px}.qibla-meta-grid article{padding:14px;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.07)}.qibla-meta-grid small{display:block;color:var(--muted);font-size:11px}.qibla-meta-grid b{display:block;margin-top:4px;color:var(--text);font-size:16px}.qibla-meta-grid span{display:block;margin-top:4px;color:var(--muted);font-size:11px;line-height:1.35}.qibla-actions{margin-top:14px}.qibla-actions .primary,.qibla-actions .secondary{min-height:50px}@media (max-width:390px){.qibla-compass-disc{width:220px;height:220px}.qibla-arrow{height:84px}.qibla-meta-grid{grid-template-columns:1fr}}.hero-shortcuts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.hero-shortcut-card{border:1px solid rgba(232,199,119,.12);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));color:var(--text);border-radius:22px;padding:12px 10px;text-align:left;box-shadow:0 14px 28px rgba(0,0,0,.16)}.hero-shortcut-card span{display:grid;place-items:center;width:36px;height:36px;border-radius:14px;background:rgba(255,255,255,.06);font-size:18px;margin-bottom:8px}.hero-shortcut-card b{display:block;font-size:13px}.hero-shortcut-card small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.hero-premium-note{margin-top:14px;padding:14px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.08)}.hero-premium-note h3{margin:6px 0 6px;font-size:18px}.hero-premium-note p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.focus-open-btn{margin-top:12px}.focus-screen .page-title{padding-top:4px}.qibla-focus-card,.zikr-focus-card{padding:20px;min-height:calc(100vh - 220px)}.qibla-focus-wrap{display:grid;place-items:center;padding:18px 0}.qibla-compass-disc-full{width:min(78vw,380px);height:min(78vw,380px)}.qibla-focus-info{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px}.qibla-focus-info article,.zikr-focus-footer article{padding:14px;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.08)}.qibla-focus-info small,.zikr-focus-footer small{display:block;color:var(--muted);font-size:11px}.qibla-focus-info b,.zikr-focus-footer b{display:block;margin-top:4px;font-size:16px}.qibla-focus-info span{display:block;margin-top:4px;color:var(--muted);font-size:11px;line-height:1.35}.zikr-focus-card{display:grid;align-content:center;justify-items:center;text-align:center;gap:14px}.zikr-focus-count{font-size:min(28vw,140px);line-height:1;font-weight:950;color:var(--gold);text-shadow:0 14px 28px rgba(232,199,119,.14)}.zikr-focus-card #goalButtonsFull{justify-content:center}.zikr-focus-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:420px}.zikr-focus-footer{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;width:100%;max-width:420px}.qibla-compass,.qibla-focus-card{background:radial-gradient(circle at top,rgba(232,199,119,.15),transparent 30%),linear-gradient(180deg,rgba(20,50,42,.98),rgba(8,23,19,.98));border:1px solid rgba(232,199,119,.16)}.qibla-compass-head .pill{background:rgba(232,199,119,.12);border-color:rgba(232,199,119,.2);color:var(--gold)}@media (max-width:420px){.hero-shortcuts{grid-template-columns:1fr}.qibla-focus-info,.zikr-focus-footer{grid-template-columns:1fr}.zikr-focus-actions{grid-template-columns:1fr}.qibla-compass-disc-full{width:min(84vw,330px);height:min(84vw,330px)}}.home-premium-board{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.home-premium-board article,.qibla-premium-strip article{padding:14px;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}.home-premium-board small,.qibla-premium-strip small{display:block;color:var(--muted);font-size:11px}.home-premium-board b,.qibla-premium-strip b{display:block;margin-top:5px;font-size:16px;color:var(--text)}.home-premium-board span,.qibla-premium-strip span{display:block;margin-top:4px;color:var(--muted);font-size:11px;line-height:1.35}.home-premium-board article:first-child,.qibla-premium-strip article:first-child{background:linear-gradient(180deg,rgba(232,199,119,.13),rgba(255,255,255,.04))}.qibla-premium-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.qibla-premium-strip-full{margin-top:14px}.qibla-focus-card{background:radial-gradient(circle at 50% 0%,rgba(232,199,119,.18),transparent 32%),linear-gradient(180deg,rgba(17,46,38,.99),rgba(8,22,18,.99));box-shadow:0 26px 70px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.04)}.qibla-compass-disc-full{box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 22px 55px rgba(0,0,0,.35),0 0 0 12px rgba(232,199,119,.04)}.qibla-focus-card .pill{background:rgba(232,199,119,.16);border-color:rgba(232,199,119,.22)}.zikr-focus-card{background:radial-gradient(circle at 50% 0%,rgba(232,199,119,.18),transparent 32%),linear-gradient(180deg,rgba(18,46,39,.98),rgba(8,22,18,.98))}.zikr-focus-count{position:relative}.zikr-focus-count:after{content:"";position:absolute;inset:-18px;border-radius:999px;border:1px solid rgba(232,199,119,.08);box-shadow:0 0 0 18px rgba(232,199,119,.03)}.hero-card.surface-gold{background:radial-gradient(circle at top left,rgba(232,199,119,.22),transparent 32%),linear-gradient(160deg,#194438,#0c241f 62%,#081a16)}.assistant-card .assistant-head b{color:var(--gold)}@media (max-width:520px){.home-premium-board,.qibla-premium-strip{grid-template-columns:1fr}}
.home-vitrine{display:grid;grid-template-columns:118px 1fr;gap:16px;align-items:center;margin-top:14px;padding:18px;background:radial-gradient(circle at 12% 20%,rgba(232,199,119,.22),transparent 34%),linear-gradient(145deg,rgba(22,55,46,.98),rgba(7,22,18,.98))}.vitrine-orb{width:118px;height:118px;border-radius:36px;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 45% 30%,rgba(255,246,205,.22),rgba(232,199,119,.08) 44%,rgba(0,0,0,.13));border:1px solid rgba(232,199,119,.22);box-shadow:0 18px 46px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.05)}.vitrine-orb span{font-size:13px;color:var(--gold);font-weight:950}.vitrine-orb b{font-size:20px;letter-spacing:-.02em}.vitrine-content h2{margin:6px 0 6px;font-size:21px;line-height:1.12}.vitrine-content p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.vitrine-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.vitrine-actions button{border:1px solid rgba(232,199,119,.14);background:rgba(255,255,255,.055);color:var(--text);border-radius:16px;padding:10px 8px;font-size:12px;font-weight:950}.qibla-calibration{display:grid;grid-template-columns:42px 1fr;gap:8px 12px;margin-top:14px;padding:14px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025))}.qibla-calibration span{display:grid;place-items:center;width:36px;height:36px;border-radius:14px;background:rgba(232,199,119,.12);border:1px solid rgba(232,199,119,.2);color:var(--gold);font-weight:950}.qibla-calibration p{margin:0;color:var(--soft);font-size:13px;line-height:1.4;align-self:center}.zikr-progress-orb{position:relative;width:min(68vw,280px);height:min(68vw,280px);border-radius:999px;border:1px solid rgba(232,199,119,.18);background:radial-gradient(circle at 50% 42%,rgba(232,199,119,.18),rgba(255,255,255,.04) 44%,rgba(0,0,0,.14) 76%);display:grid;place-items:center;color:var(--gold);box-shadow:0 26px 70px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.05);overflow:hidden}.zikr-progress-ring{position:absolute;inset:14px;border-radius:999px;background:conic-gradient(var(--gold) var(--zikr-progress,0%),rgba(255,255,255,.08) 0);filter:drop-shadow(0 0 18px rgba(232,199,119,.14))}.zikr-progress-ring:after{content:"";position:absolute;inset:12px;border-radius:999px;background:linear-gradient(180deg,rgba(8,29,24,.98),rgba(7,22,18,.99));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.zikr-progress-orb b{position:relative;z-index:2}.zikr-progress-orb small{position:relative;z-index:2;margin-top:84px;color:var(--muted);font-weight:900;text-transform:uppercase;letter-spacing:.08em}.zikr-progress-orb:active{transform:scale(.985)}.zikr-focus-card{padding-top:26px}.zikr-focus-card .goal-buttons button{min-width:64px;text-align:center}.hero-card.surface-gold{position:relative;overflow:hidden}.hero-card.surface-gold:before{content:"";position:absolute;right:-70px;top:-70px;width:180px;height:180px;border-radius:999px;background:rgba(232,199,119,.12);filter:blur(6px)}.hero-card.surface-gold>*{position:relative}@media (max-width:420px){.home-vitrine{grid-template-columns:1fr;text-align:center}.vitrine-orb{margin:0 auto}.vitrine-actions{grid-template-columns:1fr}.zikr-progress-orb{width:min(78vw,260px);height:min(78vw,260px)}}
/* v3.8.1 fix */
.zikr-focus-card{overflow:hidden;padding:18px 18px 22px}.zikr-progress-orb{position:relative;display:grid;place-items:center;gap:6px;width:min(78vw,300px);height:min(78vw,300px);max-width:300px;max-height:300px;border:none;border-radius:999px;background:radial-gradient(circle at 50% 35%,rgba(255,245,196,.08),rgba(0,0,0,.08) 42%,rgba(0,0,0,.18));box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 18px 40px rgba(0,0,0,.28);padding:22px;margin:8px auto 0;overflow:hidden}.zikr-progress-ring{position:absolute;inset:10px;border-radius:999px;background:conic-gradient(var(--gold) 0 var(--zikr-progress,0%), rgba(255,255,255,.08) var(--zikr-progress,0%) 100%);-webkit-mask:radial-gradient(circle, transparent 63%, #000 64%);mask:radial-gradient(circle, transparent 63%, #000 64%);opacity:.9}.zikr-progress-orb::before{content:"";position:absolute;inset:24px;border-radius:999px;background:radial-gradient(circle at 50% 30%,rgba(10,36,30,.98),rgba(4,16,13,1));box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}.zikr-progress-orb .zikr-focus-count,.zikr-progress-orb small{position:relative;z-index:2}.zikr-progress-orb .zikr-focus-count{font-size:clamp(80px,24vw,130px);line-height:.9;margin:0;text-shadow:0 10px 22px rgba(232,199,119,.12)}.zikr-progress-orb .zikr-focus-count:after{display:none}.zikr-progress-orb small{display:block;color:var(--soft);font-size:15px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;opacity:.9}.zikr-focus-actions{margin-top:2px}.zikr-focus-card #goalButtonsFull{justify-content:center;width:100%}.zikr-focus-card .goal-buttons button{min-width:64px}.qibla-grid,.qibla-compass,.zikr-card{display:none !important}@media (max-width:420px){.zikr-progress-orb{width:min(82vw,280px);height:min(82vw,280px)}.zikr-progress-orb .zikr-focus-count{font-size:clamp(72px,22vw,112px)}}
/* v3.9 premium + zikir center fix */
.zikr-focus-card{position:relative;overflow:hidden;justify-items:center;align-content:start;padding:22px 18px 24px;background:radial-gradient(circle at 50% 0%,rgba(232,199,119,.22),transparent 28%),linear-gradient(180deg,rgba(18,46,39,.99),rgba(8,22,18,.99))}
.zikr-progress-orb{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;width:min(74vw,300px);height:min(74vw,300px);max-width:300px;max-height:300px;margin:10px auto 2px;border:none;border-radius:999px;background:radial-gradient(circle at 50% 35%,rgba(255,247,214,.08),rgba(0,0,0,.06) 42%,rgba(0,0,0,.18));box-shadow:0 24px 60px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.04);overflow:hidden;isolation:isolate}
.zikr-progress-orb::before{content:"";position:absolute;inset:18px;border-radius:999px;background:radial-gradient(circle at 50% 30%,rgba(5,30,24,.98),rgba(2,14,11,1));box-shadow:inset 0 1px 0 rgba(255,255,255,.03);z-index:0}
.zikr-progress-ring{position:absolute;inset:0;border-radius:999px;background:conic-gradient(from -90deg,var(--gold) 0 var(--zikr-progress,0%),rgba(255,255,255,.08) var(--zikr-progress,0%) 100%);-webkit-mask:radial-gradient(circle, transparent 62%, #000 63%);mask:radial-gradient(circle, transparent 62%, #000 63%);filter:drop-shadow(0 0 18px rgba(232,199,119,.16));z-index:1}
.zikr-progress-orb .zikr-focus-count{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);margin:0;line-height:.86;font-size:clamp(78px,23vw,132px);font-weight:1000;color:var(--gold);text-shadow:0 12px 24px rgba(232,199,119,.12);z-index:2;display:block;width:100%;text-align:center}
.zikr-progress-orb .zikr-focus-count:after{display:none}
.zikr-progress-orb small{position:absolute;left:50%;bottom:34px;transform:translateX(-50%);z-index:2;display:block;margin:0;color:var(--soft);font-size:14px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;opacity:.95;white-space:nowrap}
.zikr-focus-actions,.zikr-focus-footer,.zikr-focus-card #goalButtonsFull{width:100%;max-width:420px}
.zikr-focus-chips,.qibla-focus-chips{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:10px 0 2px}
.zikr-focus-chips span,.qibla-focus-chips span{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(232,199,119,.16);color:var(--soft);font-size:12px;font-weight:900;letter-spacing:.02em}
.home-vitrine{position:relative;overflow:hidden;grid-template-columns:132px 1fr;padding:20px;background:radial-gradient(circle at 14% 18%,rgba(232,199,119,.24),transparent 30%),linear-gradient(145deg,rgba(23,58,49,.98),rgba(7,21,18,.99));border:1px solid rgba(232,199,119,.14);box-shadow:0 26px 60px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.04)}
.home-vitrine:after{content:"";position:absolute;inset:auto -40px -60px auto;width:180px;height:180px;border-radius:999px;background:radial-gradient(circle,rgba(232,199,119,.14),transparent 68%);pointer-events:none}
.vitrine-orb{width:132px;height:132px;border-radius:40px;box-shadow:0 22px 54px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.05)}
.vitrine-orb b{font-size:22px}
.vitrine-content h2{font-size:24px;margin:6px 0 8px}
.vitrine-actions button{min-height:44px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04));box-shadow:0 10px 22px rgba(0,0,0,.14)}
.home-focus-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
.home-focus-strip article{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;padding:14px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 26px rgba(0,0,0,.14)}
.home-focus-strip span{display:grid;place-items:center;width:40px;height:40px;border-radius:15px;background:rgba(232,199,119,.12);border:1px solid rgba(232,199,119,.18);font-size:18px}
.home-focus-strip b{display:block;font-size:13px}
.home-focus-strip small{display:block;margin-top:4px;color:var(--muted);font-size:11px;line-height:1.35}
.qibla-focus-card{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 0%,rgba(232,199,119,.24),transparent 30%),linear-gradient(180deg,rgba(18,48,40,.99),rgba(8,22,18,.99));box-shadow:0 28px 74px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.05)}
.qibla-focus-card:after{content:"";position:absolute;right:-70px;top:-40px;width:220px;height:220px;border-radius:999px;background:radial-gradient(circle,rgba(232,199,119,.12),transparent 66%);pointer-events:none}
.qibla-compass-disc-full{width:min(82vw,390px);height:min(82vw,390px);background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.09),rgba(255,255,255,.02) 46%,rgba(0,0,0,.08) 70%),linear-gradient(180deg,rgba(14,40,34,.98),rgba(4,17,14,1));box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 26px 60px rgba(0,0,0,.34),0 0 0 14px rgba(232,199,119,.04)}
.qibla-premium-strip article,.qibla-focus-info article,.home-premium-board article{backdrop-filter:blur(8px)}
.hero-card.surface-gold{position:relative;overflow:hidden;background:radial-gradient(circle at top left,rgba(232,199,119,.26),transparent 30%),linear-gradient(160deg,#1a473a,#0c241f 62%,#081a16);box-shadow:0 26px 70px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.04)}
.hero-card.surface-gold:after{content:"";position:absolute;right:-50px;top:-40px;width:180px;height:180px;border-radius:999px;background:radial-gradient(circle,rgba(232,199,119,.14),transparent 65%);pointer-events:none}
@media (max-width:520px){.home-vitrine{grid-template-columns:1fr;text-align:center}.vitrine-orb{margin:0 auto}.vitrine-actions,.home-focus-strip{grid-template-columns:1fr}.qibla-compass-disc-full{width:min(84vw,340px);height:min(84vw,340px)}.zikr-progress-orb{width:min(82vw,290px);height:min(82vw,290px)}}
/* v4.0 premium navigation + sales + polish */
:root{--nav-glass:rgba(9,31,26,.84);--gold-soft:rgba(232,199,119,.14)}
.hv-app{padding-bottom:140px}
.topbar{border-bottom-color:rgba(232,199,119,.13);box-shadow:0 18px 42px rgba(0,0,0,.22)}
.brand img{box-shadow:0 14px 34px rgba(232,199,119,.18)}
.page-title h1{font-size:clamp(26px,7vw,34px);letter-spacing:-.04em}
.page-title p{font-size:15px}
.hero-card.surface-gold{border-color:rgba(232,199,119,.18);box-shadow:0 30px 80px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.06)}
.hero-shortcut-card,.home-focus-strip article,.home-premium-board article{transition:transform .18s ease,background .18s ease,border-color .18s ease}
.hero-shortcut-card:active,.home-focus-strip article:active{transform:scale(.985)}
.bottom-nav{bottom:10px;width:min(540px,calc(100% - 18px));grid-auto-columns:minmax(76px,1fr);padding:11px 11px calc(11px + var(--safe-bottom));background:linear-gradient(180deg,rgba(12,43,35,.88),rgba(6,20,17,.985));border:1px solid rgba(232,199,119,.18);border-radius:30px;box-shadow:0 24px 70px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.045)}
.bottom-nav button{min-width:76px;border-radius:23px;padding:10px 8px;gap:7px}
.bottom-nav button span{width:40px;height:40px;border-radius:17px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03));font-size:20px}
.bottom-nav button b{font-size:12px}
.bottom-nav button.active{background:linear-gradient(180deg,rgba(232,199,119,.22),rgba(232,199,119,.11));box-shadow:0 17px 36px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06)}
.bottom-nav button.active span{background:radial-gradient(circle at 35% 20%,rgba(255,248,220,.28),rgba(232,199,119,.16));box-shadow:0 10px 22px rgba(232,199,119,.14)}
.plus-sales-hero{display:grid;grid-template-columns:1fr 132px;gap:16px;align-items:center;margin-top:12px;padding:20px;background:radial-gradient(circle at 18% 12%,rgba(232,199,119,.22),transparent 34%),linear-gradient(145deg,rgba(24,58,49,.98),rgba(8,23,19,.99));border-color:rgba(232,199,119,.16)}
.plus-sales-hero h2{margin:7px 0 8px;font-size:25px;line-height:1.08;letter-spacing:-.035em}
.plus-sales-hero p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}
.plus-price-card{display:grid;place-items:center;text-align:center;min-height:132px;border-radius:32px;background:radial-gradient(circle at 40% 25%,rgba(255,246,204,.22),rgba(232,199,119,.08) 52%,rgba(0,0,0,.12));border:1px solid rgba(232,199,119,.22);box-shadow:0 20px 46px rgba(0,0,0,.25)}
.plus-price-card small{color:var(--muted);font-weight:900}
.plus-price-card b{font-size:28px;color:var(--gold);line-height:1}
.plus-price-card span{font-size:11px;color:var(--soft);line-height:1.35;padding:0 10px}
.plus-value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}
.plus-value-grid article{padding:15px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.032));border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 26px rgba(0,0,0,.13)}
.plus-value-grid span{display:grid;place-items:center;width:36px;height:36px;border-radius:14px;background:rgba(232,199,119,.12);border:1px solid rgba(232,199,119,.18);color:var(--gold);font-weight:1000;margin-bottom:10px}
.plus-value-grid b{display:block;font-size:15px}
.plus-value-grid small{display:block;color:var(--muted);line-height:1.4;margin-top:4px}
.plans{gap:12px;margin-top:14px}
.plan-card{border-color:rgba(232,199,119,.13);background:radial-gradient(circle at 10% 5%,rgba(232,199,119,.12),transparent 36%),linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035));box-shadow:0 16px 34px rgba(0,0,0,.18)}
.plan-card h3{font-size:22px;letter-spacing:-.02em}
.plan-price{padding:7px 10px;border-radius:999px;background:rgba(232,199,119,.12);border:1px solid rgba(232,199,119,.18)}
.feature-map,.plus-cta{border-color:rgba(232,199,119,.14)}
.plus-cta{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;margin-top:14px;padding:18px}
.plus-cta h2{margin:5px 0 6px;font-size:21px}
.plus-cta p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}
.plus-cta button{min-width:150px}
.qibla-focus-card{border-color:rgba(232,199,119,.18)}
.qibla-compass-disc-full{border-color:rgba(232,199,119,.22)}
.qibla-focus-info article,.qibla-premium-strip article,.qibla-calibration{border-color:rgba(232,199,119,.12)}
.zikr-focus-card{min-height:calc(100vh - 210px);border-color:rgba(232,199,119,.18)}
.zikr-progress-orb{width:min(70vw,310px);height:min(70vw,310px);max-width:310px;max-height:310px}
.zikr-progress-orb .zikr-focus-count{top:50%;font-size:clamp(82px,22vw,136px)}
.zikr-progress-orb small{bottom:36px}
@media (max-width:520px){
.plus-sales-hero{grid-template-columns:1fr;text-align:center}
.plus-price-card{max-width:190px;margin:0 auto;width:100%}
.plus-value-grid{grid-template-columns:1fr}
.plus-cta{grid-template-columns:1fr}
.plus-cta button{width:100%}
.bottom-nav{grid-auto-columns:minmax(74px,1fr)}
.zikr-progress-orb{width:min(78vw,292px);height:min(78vw,292px)}
}
/* v4.2 premium visual polish */
:root{--deep-glass:rgba(6,23,19,.88);--premium-edge:rgba(232,199,119,.22);--premium-glow:rgba(232,199,119,.18)}
.hv-app{padding-bottom:124px}
body{background:radial-gradient(circle at 18% -8%,rgba(232,199,119,.22),transparent 34%),radial-gradient(circle at 88% 22%,rgba(62,145,113,.16),transparent 34%),linear-gradient(180deg,#051411 0%,#09231d 48%,#04110f 100%)}
.ambient{opacity:.62}.ambient-a{width:260px;height:260px}.ambient-b{width:280px;height:280px}
.topbar{background:linear-gradient(180deg,rgba(4,17,14,.98),rgba(5,22,18,.90));box-shadow:0 18px 44px rgba(0,0,0,.30);border-bottom-color:rgba(232,199,119,.14)}
.brand img{width:46px;height:46px;border-radius:16px;box-shadow:0 16px 36px rgba(232,199,119,.2),inset 0 1px 0 rgba(255,255,255,.08)}
.icon-pill,.version-chip,.source-badge,.pill{background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));border-color:rgba(232,199,119,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.hero-card.surface-gold{padding:20px;background:radial-gradient(circle at 50% 0%,rgba(232,199,119,.22),transparent 32%),radial-gradient(circle at 90% 12%,rgba(103,183,145,.12),transparent 30%),linear-gradient(155deg,#1a493c 0%,#09231d 60%,#041411 100%);border-color:rgba(232,199,119,.24);box-shadow:0 34px 90px rgba(0,0,0,.44),inset 0 1px 0 rgba(255,255,255,.06);overflow:hidden}
.hero-card.surface-gold:before{right:-50px;top:-55px;width:210px;height:210px;background:radial-gradient(circle,rgba(232,199,119,.17),transparent 66%);filter:blur(2px)}
.home-visual-stage{position:relative;display:grid;grid-template-columns:150px 1fr;gap:16px;align-items:center;margin:16px 0 14px;padding:16px;border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));border:1px solid rgba(232,199,119,.16);box-shadow:0 18px 40px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.04)}
.home-visual-stage:after{content:"";position:absolute;right:-42px;bottom:-42px;width:130px;height:130px;border-radius:999px;background:radial-gradient(circle,rgba(232,199,119,.13),transparent 68%);pointer-events:none}
.home-aura-orb{position:relative;width:150px;height:150px;border-radius:42px;display:grid;place-items:center;text-align:center;padding:14px;background:radial-gradient(circle at 50% 28%,rgba(255,247,216,.24),rgba(232,199,119,.10) 42%,rgba(0,0,0,.12) 74%),linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025));border:1px solid rgba(232,199,119,.24);box-shadow:0 24px 54px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06);overflow:hidden}
.home-aura-orb:before{content:"";position:absolute;inset:12px;border-radius:34px;border:1px solid rgba(232,199,119,.12)}
.home-aura-orb span,.home-aura-orb strong,.home-aura-orb b,.home-aura-orb small{position:relative;z-index:1}
.home-aura-orb span{font-size:11px;color:var(--muted);font-weight:900;text-transform:uppercase;letter-spacing:.08em}.home-aura-orb strong{font-size:25px;color:var(--gold);line-height:1}.home-aura-orb b{font-size:22px;letter-spacing:-.02em}.home-aura-orb small{font-size:10px;color:var(--soft);font-weight:800}
.home-visual-copy h2{margin:6px 0 8px;font-size:25px;line-height:1.08;letter-spacing:-.035em}.home-visual-copy p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}
.hero-card h1{font-size:clamp(28px,8vw,38px);margin-top:12px}.metric-row article,.home-premium-board article,.hero-premium-note,.home-vitrine,.home-focus-strip article{border-color:rgba(232,199,119,.14);background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.032));box-shadow:0 14px 30px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.035)}
.hero-shortcuts{grid-template-columns:repeat(3,1fr);gap:9px}.hero-shortcut-card{border-radius:24px;background:radial-gradient(circle at 20% 0%,rgba(232,199,119,.13),transparent 42%),linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.030));border-color:rgba(232,199,119,.16)}.hero-shortcut-card span{background:rgba(232,199,119,.11);border:1px solid rgba(232,199,119,.16)}
.home-vitrine{grid-template-columns:1fr;text-align:center;padding:22px;border-radius:32px}.vitrine-orb{margin:0 auto;width:124px;height:124px}.vitrine-content h2{font-size:26px}.vitrine-actions{max-width:420px;margin:14px auto 0}.home-focus-strip article{border-radius:24px}
.bottom-nav{bottom:8px;width:min(540px,calc(100% - 18px));grid-auto-columns:minmax(66px,72px);gap:6px;padding:8px 8px calc(8px + var(--safe-bottom));border-radius:28px;background:linear-gradient(180deg,rgba(10,39,32,.88),rgba(4,17,14,.985));border-color:rgba(232,199,119,.20);box-shadow:0 18px 50px rgba(0,0,0,.50),inset 0 1px 0 rgba(255,255,255,.05);scroll-snap-type:x proximity}
.bottom-nav:before{content:"";position:absolute;left:22px;right:22px;top:7px;height:1px;background:linear-gradient(90deg,transparent,rgba(232,199,119,.34),transparent)}
.bottom-nav button{min-width:66px;border-radius:20px;padding:8px 6px 7px;gap:5px;scroll-snap-align:center}.bottom-nav button span{width:34px;height:34px;border-radius:15px;font-size:18px}.bottom-nav button b{font-size:11px;line-height:1.1}.bottom-nav button.active{transform:translateY(-2px);background:linear-gradient(180deg,rgba(232,199,119,.20),rgba(232,199,119,.09));box-shadow:0 12px 26px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.06)}.bottom-nav button.active span{box-shadow:0 7px 16px rgba(232,199,119,.13)}
.feature-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}.feature-row>div{min-width:0}.feature-row b{display:block;line-height:1.18}.feature-row small{display:block;margin-top:6px;line-height:1.35;color:var(--muted)}.feature-row .lock{white-space:nowrap;align-self:center}.feature-map-list{gap:11px}.feature-map .feature-row{padding:14px 15px}.plan-card{border-radius:28px}.plan-card li{font-size:14px}.plus-sales-hero,.plus-cta,.feature-map,.provider-card,.form-card,.maintenance-card,.checklist-card{box-shadow:0 22px 54px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.04)}
.qibla-focus-card,.zikr-focus-card{box-shadow:0 30px 80px rgba(0,0,0,.40),inset 0 1px 0 rgba(255,255,255,.05)}
.qibla-compass-disc-full{width:min(78vw,360px);height:min(78vw,360px)}.zikr-progress-orb{width:min(72vw,300px);height:min(72vw,300px)}
@media (max-width:420px){.home-visual-stage{grid-template-columns:1fr;text-align:center}.home-aura-orb{margin:0 auto}.hero-shortcuts,.home-premium-board{grid-template-columns:1fr}.vitrine-actions{grid-template-columns:1fr}.bottom-nav{grid-auto-columns:minmax(64px,70px)}.qibla-compass-disc-full{width:min(82vw,326px);height:min(82vw,326px)}.zikr-progress-orb{width:min(78vw,286px);height:min(78vw,286px)}}
/* v4.2 scoped feature-map fix */
.tracker-row-main .feature-row.lock{display:inline-block!important;min-width:auto;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.06);color:var(--gold);font-size:11px;font-weight:900;white-space:nowrap;border:1px solid rgba(255,255,255,.08)}
.feature-map .feature-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}.feature-map .feature-row>div{min-width:0}.feature-map .feature-row b{display:block;line-height:1.18}.feature-map .feature-row small{display:block;margin-top:6px;line-height:1.35;color:var(--muted)}.feature-map .feature-row .lock{white-space:nowrap;align-self:center}
/* v4.2 gerçek görünüm + menü/pusula düzeltmeleri */
.hv-app{padding-bottom:118px}
.source-badge.ready{color:#f7d98a;background:rgba(232,199,119,.09);border-color:rgba(232,199,119,.18)}
.hero-card.surface-gold{background:radial-gradient(circle at 15% 0%,rgba(255,223,142,.30),transparent 30%),radial-gradient(circle at 90% 22%,rgba(95,173,135,.16),transparent 35%),linear-gradient(155deg,#1b4a3d,#08221d 62%,#061814);border:1px solid rgba(232,199,119,.22);box-shadow:0 30px 90px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.06)}
.home-visual-stage{position:relative;padding:16px;border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));border:1px solid rgba(232,199,119,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.home-aura-orb{background:radial-gradient(circle at 50% 35%,rgba(255,238,181,.25),rgba(232,199,119,.10) 38%,rgba(4,20,16,.98) 70%);border-color:rgba(232,199,119,.30);box-shadow:0 22px 60px rgba(0,0,0,.34),0 0 0 12px rgba(232,199,119,.04),inset 0 1px 0 rgba(255,255,255,.06)}
.home-aura-orb strong{font-size:28px}.home-aura-orb b{font-size:24px;color:var(--gold)}
.hero-shortcut-card,.home-focus-strip article,.command-grid button{transition:transform .18s ease, border-color .18s ease, background .18s ease}.hero-shortcut-card:active,.home-focus-strip article:active,.command-grid button:active{transform:scale(.985)}
.home-premium-board article,.metric-row article{border-color:rgba(232,199,119,.12);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));box-shadow:0 16px 36px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.04)}
.bottom-nav{width:min(520px,calc(100% - 18px));bottom:12px;padding:9px 10px calc(9px + var(--safe-bottom));border-radius:26px;grid-auto-columns:minmax(66px,74px);background:linear-gradient(180deg,rgba(12,45,37,.88),rgba(4,18,15,.98));border:1px solid rgba(232,199,119,.22);box-shadow:0 22px 64px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.06)}
.bottom-nav button{min-width:66px;border-radius:19px;padding:7px 6px 6px}.bottom-nav button span{width:34px;height:34px;border-radius:15px;font-size:17px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.06)}
.bottom-nav button b{font-size:11px;line-height:1.05}.bottom-nav button.active{transform:translateY(-2px);background:linear-gradient(180deg,rgba(232,199,119,.22),rgba(232,199,119,.10));box-shadow:0 14px 30px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.08)}
.bottom-nav button.active span{background:radial-gradient(circle at 35% 25%,rgba(255,245,210,.24),rgba(232,199,119,.12));border-color:rgba(232,199,119,.22)}
.qibla-compass-disc-full{background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.10),rgba(255,255,255,.025) 42%,rgba(0,0,0,.09) 70%),linear-gradient(180deg,rgba(11,38,32,.98),rgba(2,14,12,1));border-color:rgba(232,199,119,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 28px 70px rgba(0,0,0,.38),0 0 0 14px rgba(232,199,119,.04)}
.qibla-arrow{transition:transform .18s linear}.qibla-heading-note{display:block;color:var(--muted);font-size:12px;margin-top:8px;line-height:1.45}
.endpoint-actions button,.live-sync-actions button,.maintenance-actions button,.provider-grid b{min-height:48px}
@media (max-width:420px){.hv-app{padding-bottom:112px}.bottom-nav{grid-auto-columns:minmax(62px,70px)}.bottom-nav button{min-width:62px}.bottom-nav button span{width:32px;height:32px}.bottom-nav button b{font-size:10.5px}.home-visual-stage{padding:14px}}
/* v4.3 ücretsiz kullanım + gönüllü destek ekranı */
.support-hero,.dua-card,.publisher-card,.donation-card{margin-top:14px;padding:20px;border-color:rgba(232,199,119,.16);background:radial-gradient(circle at 18% 10%,rgba(232,199,119,.18),transparent 34%),linear-gradient(145deg,rgba(22,55,46,.98),rgba(7,22,18,.99));box-shadow:0 24px 58px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.04)}
.support-hero{display:grid;grid-template-columns:1fr 150px;gap:16px;align-items:center}.support-hero h2,.dua-card h2,.publisher-card h2,.donation-card h2{margin:6px 0 8px;font-size:26px;line-height:1.1;letter-spacing:-.035em}.support-hero p,.dua-card p,.publisher-card p,.donation-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.58}.support-seal{display:grid;place-items:center;text-align:center;min-height:150px;border-radius:34px;background:radial-gradient(circle at 45% 25%,rgba(255,246,204,.22),rgba(232,199,119,.08) 52%,rgba(0,0,0,.13));border:1px solid rgba(232,199,119,.22);box-shadow:0 20px 46px rgba(0,0,0,.25)}.support-seal small{color:var(--muted);font-weight:900}.support-seal b{color:var(--gold);font-size:20px;line-height:1.12}.support-seal span{color:var(--soft);font-size:11px;line-height:1.35;padding:0 10px}.support-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.free-access-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.free-access-grid article{padding:16px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.08);box-shadow:0 14px 30px rgba(0,0,0,.16)}.free-access-grid span{display:grid;place-items:center;width:38px;height:38px;border-radius:15px;background:rgba(232,199,119,.13);border:1px solid rgba(232,199,119,.2);color:var(--gold);font-weight:1000;margin-bottom:10px}.free-access-grid b{display:block;font-size:15px}.free-access-grid small{display:block;color:var(--muted);line-height:1.45;margin-top:5px}.support-plan-card .plan-price{font-size:15px}.publisher-card p+p{margin-top:10px}.donation-card{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center}.donation-card button{min-width:180px}.bottom-nav button[data-nav="plus"].active span,.bottom-nav button[data-nav="plus"].active{color:var(--gold)}
@media (max-width:520px){.support-hero,.donation-card{grid-template-columns:1fr;text-align:center}.support-seal{max-width:210px;margin:0 auto;width:100%}.support-actions,.free-access-grid{grid-template-columns:1fr}.donation-card button{width:100%}}
/* v4.4 sade ve premium destek ekranı */
.support-premium-hero,.dua-premium-card,.support-donation-card,.publisher-note{margin-top:14px;padding:22px;border-color:rgba(232,199,119,.18);background:radial-gradient(circle at 20% 0%,rgba(232,199,119,.20),transparent 34%),linear-gradient(145deg,rgba(22,55,46,.98),rgba(7,22,18,.99));box-shadow:0 26px 62px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.045)}
.support-premium-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 142px;gap:18px;align-items:center;border-radius:32px}
.support-hero-glow{position:absolute;right:-70px;top:-70px;width:220px;height:220px;border-radius:999px;background:radial-gradient(circle,rgba(232,199,119,.16),transparent 67%);pointer-events:none}
.support-hero-content,.support-dua-orb{position:relative;z-index:1}.support-premium-hero h2,.dua-premium-card h2,.support-donation-card h2,.publisher-note h2{margin:7px 0 9px;font-size:clamp(24px,7vw,34px);line-height:1.08;letter-spacing:-.04em}.support-premium-hero p,.dua-premium-card p,.support-donation-card p,.publisher-note p{margin:0;color:var(--muted);font-size:15px;line-height:1.62}.support-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.support-badges span{padding:9px 12px;border-radius:999px;background:rgba(232,199,119,.10);border:1px solid rgba(232,199,119,.18);color:var(--gold);font-weight:950;font-size:12px}.support-dua-orb{display:grid;place-items:center;text-align:center;min-height:142px;border-radius:36px;background:radial-gradient(circle at 45% 24%,rgba(255,246,204,.24),rgba(232,199,119,.09) 52%,rgba(0,0,0,.13));border:1px solid rgba(232,199,119,.24);box-shadow:0 22px 52px rgba(0,0,0,.28)}.support-dua-orb b{font-size:42px}.support-dua-orb small{font-weight:950;color:var(--gold)}
.support-core-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.support-core-grid article{padding:17px;border-radius:25px;background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.085);box-shadow:0 16px 32px rgba(0,0,0,.17)}.support-core-grid span{display:grid;place-items:center;width:40px;height:40px;border-radius:16px;background:rgba(232,199,119,.13);border:1px solid rgba(232,199,119,.2);color:var(--gold);font-weight:1000;margin-bottom:11px}.support-core-grid b{display:block;font-size:15px}.support-core-grid small{display:block;color:var(--muted);line-height:1.48;margin-top:6px}.support-donation-card{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}.support-donation-card button{min-width:190px}.publisher-note{background:linear-gradient(145deg,rgba(18,46,39,.98),rgba(7,22,18,.99));border-style:dashed}.support-feature-map{margin-top:14px}.support-feature-map .feature-row{border-color:rgba(232,199,119,.12)}.support-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
@media (max-width:520px){.support-premium-hero,.support-donation-card{grid-template-columns:1fr}.support-dua-orb{max-width:180px;width:100%;margin:0 auto}.support-core-grid{grid-template-columns:1fr}.support-actions{grid-template-columns:1fr}.support-donation-card button{width:100%;min-width:0}}
/* v4.5 destek ekranı sade/premium düzen */
.support-v45-hero{grid-template-columns:minmax(0,1fr) 132px;gap:18px}
.publisher-chip{display:inline-flex;align-items:center;width:max-content;max-width:100%;margin-bottom:12px;padding:8px 12px;border-radius:999px;background:rgba(232,199,119,.12);border:1px solid rgba(232,199,119,.22);color:var(--gold);font-size:12px;font-weight:950;letter-spacing:.02em}
.support-v45-hero h2{margin-top:8px}
.support-v45-grid article{background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.03));border-color:rgba(232,199,119,.12)}
.support-principle-card{margin-top:14px;padding:22px;border-radius:30px;border:1px solid rgba(232,199,119,.16);background:radial-gradient(circle at 15% 0%,rgba(232,199,119,.18),transparent 32%),linear-gradient(145deg,rgba(18,48,40,.98),rgba(7,22,18,.99));box-shadow:0 22px 56px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.04)}
.support-principle-card h2{margin:8px 0 9px;font-size:clamp(22px,6vw,30px);line-height:1.12;letter-spacing:-.035em}
.support-principle-card p{margin:0;color:var(--muted);line-height:1.58;font-size:14px}
.support-donation-card{border-radius:30px}
.support-feature-map .feature-row{align-items:flex-start}
.support-feature-map .feature-row small{display:block;margin-top:5px;line-height:1.35}
@media(max-width:520px){.support-v45-hero{grid-template-columns:1fr;text-align:left}.support-v45-hero .support-dua-orb{margin:0 auto}.publisher-chip{width:100%;justify-content:center;text-align:center}.support-principle-card,.support-donation-card{padding:18px}}
/* v4.6 onboarding, ana ekran, menü ve destek düzeltmeleri */
.onboarding{background:radial-gradient(circle at 50% 0%,rgba(232,199,119,.22),transparent 32%),rgba(2,12,10,.88)}
.onboarding-premium-card{position:relative;overflow:hidden;max-width:460px;padding:26px;border-radius:34px;background:radial-gradient(circle at 20% 0%,rgba(232,199,119,.22),transparent 34%),linear-gradient(145deg,rgba(19,61,50,.98),rgba(4,20,16,.99));box-shadow:0 34px 90px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.05)}
.onboarding-premium-card:after{content:"";position:absolute;right:-70px;top:-80px;width:220px;height:220px;border-radius:999px;background:radial-gradient(circle,rgba(232,199,119,.18),transparent 65%);pointer-events:none}.onboarding-logo-wrap{display:flex;align-items:center;gap:12px;margin-bottom:10px}.onboarding-logo-wrap span{padding:8px 11px;border-radius:999px;background:rgba(232,199,119,.12);border:1px solid rgba(232,199,119,.2);color:var(--gold);font-weight:950;font-size:12px}.onboarding-logo{width:74px;height:74px;border-radius:24px}.onboarding-card h1{font-size:clamp(27px,7.5vw,38px);line-height:1.02}.persona-grid button{min-height:50px;border-radius:20px;transition:transform .16s ease,background .16s ease}.persona-grid button:active,.feedback-button:active,.hero-shortcut-card:active{transform:scale(.975)}
.hero-card.surface-gold{padding:24px;border-radius:32px;background:radial-gradient(circle at 18% 0%,rgba(232,199,119,.24),transparent 30%),radial-gradient(circle at 82% 20%,rgba(45,129,98,.16),transparent 34%),linear-gradient(150deg,#184b3d,#08231d 64%,#061612);box-shadow:0 32px 84px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.05)}.home-visual-stage{grid-template-columns:150px 1fr;gap:18px;padding:14px;margin:6px 0 16px;border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025));border:1px solid rgba(232,199,119,.14)}.home-aura-orb{width:150px;height:150px;border-radius:42px;background:radial-gradient(circle at 45% 26%,rgba(255,247,206,.24),rgba(232,199,119,.11) 48%,rgba(0,0,0,.14));box-shadow:0 24px 60px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.06)}.home-aura-orb strong{font-size:24px}.home-aura-orb b{font-size:25px}.home-visual-copy h2{font-size:clamp(25px,6vw,34px);line-height:1.06}.hero-card>h1,.hero-card>#heroCopy,.hero-card>.hero-özenli-note,.hero-card>.home-özenli-board,.hero-card>.home-vitrine,.hero-card>.home-focus-strip,.assistant-card,.prep-line{display:none!important}.hero-shortcuts{grid-template-columns:repeat(3,1fr)}.hero-shortcut-card{min-height:112px;border-radius:25px;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.035));border-color:rgba(232,199,119,.16)}
.source-panel .stack-actions{margin-top:14px}.action-status{display:block;margin-top:12px;padding:12px 14px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);color:var(--muted);font-weight:800}.action-status.ok{color:var(--ok);border-color:rgba(142,224,170,.22)}.action-status.warn{color:var(--warn);border-color:rgba(244,200,107,.22)}.feedback-button.is-working{filter:brightness(1.14);transform:translateY(-1px);box-shadow:0 18px 36px rgba(232,199,119,.15)}
.bottom-nav{bottom:12px;width:min(520px,calc(100% - 22px));grid-auto-columns:minmax(74px,1fr);gap:7px;padding:9px 9px calc(9px + var(--safe-bottom));border-radius:30px;background:linear-gradient(180deg,rgba(8,38,31,.76),rgba(4,20,17,.96));box-shadow:0 22px 60px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.05)}.bottom-nav button{min-width:74px;border-radius:22px;padding:8px 7px}.bottom-nav button span{width:40px;height:40px;border-radius:17px}.bottom-nav button.active{transform:translateY(-2px);background:linear-gradient(180deg,rgba(232,199,119,.20),rgba(232,199,119,.08))}.bottom-nav button.active span{box-shadow:0 10px 26px rgba(232,199,119,.14),inset 0 1px 0 rgba(255,255,255,.06)}
.support-simple-hero,.support-simple-card{margin-top:14px;padding:22px;border-radius:32px;background:radial-gradient(circle at 18% 0%,rgba(232,199,119,.18),transparent 30%),linear-gradient(145deg,rgba(20,57,48,.98),rgba(7,22,18,.99));box-shadow:0 26px 62px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.045)}.support-simple-hero{text-align:center}.support-simple-orb{display:grid;place-items:center;width:96px;height:96px;margin:14px auto;border-radius:30px;background:radial-gradient(circle at 45% 24%,rgba(255,246,204,.22),rgba(232,199,119,.09) 55%,rgba(0,0,0,.12));border:1px solid rgba(232,199,119,.22);font-size:42px}.support-simple-hero h2,.support-simple-card h2{font-size:clamp(25px,7vw,34px);line-height:1.08;margin:10px 0}.support-simple-hero p,.support-simple-card p{color:var(--muted);line-height:1.6;margin:0}.support-simple-badges{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:15px}.support-simple-badges span{padding:9px 12px;border-radius:999px;background:rgba(232,199,119,.11);border:1px solid rgba(232,199,119,.18);color:var(--gold);font-weight:950;font-size:12px}.publisher-chip{display:inline-flex!important;margin-bottom:6px}
@media(max-width:520px){.home-visual-stage{grid-template-columns:1fr;text-align:center}.home-aura-orb{margin:0 auto}.hero-shortcuts{grid-template-columns:1fr}.bottom-nav{width:min(510px,calc(100% - 18px))}}
/* v4.7 portrait-only support */
.orientation-lock{position:fixed;inset:0;z-index:99999;display:none;place-items:center;padding:24px;background:radial-gradient(circle at 50% 0%,rgba(232,199,119,.18),transparent 34%),linear-gradient(180deg,#061613,#081d18);color:var(--text)}
.orientation-lock-card{width:min(420px,92vw);padding:28px;border-radius:30px;background:linear-gradient(145deg,rgba(22,58,48,.98),rgba(7,23,19,.98));border:1px solid rgba(232,199,119,.18);box-shadow:0 30px 80px rgba(0,0,0,.45);text-align:center}
.orientation-lock-card img{width:72px;height:72px;border-radius:22px;margin-bottom:14px}
.orientation-lock-card h2{margin:8px 0;font-size:26px;line-height:1.12}
.orientation-lock-card p{margin:0;color:var(--muted);font-size:15px;line-height:1.55}
body.is-landscape .orientation-lock{display:grid}
@media (orientation:landscape) and (max-height:520px){
.orientation-lock{display:grid}
.hv-app{filter:blur(12px);pointer-events:none;user-select:none}
}
@media (orientation:portrait){
.orientation-lock{display:none !important}
}
/* v4.7.1 mobile-only portrait warning fix */
.orientation-lock{display:none !important}
body.is-mobile-device.is-landscape .orientation-lock{display:grid !important}
body.is-mobile-device.is-landscape .hv-app{filter:blur(12px);pointer-events:none;user-select:none}
body:not(.is-mobile-device) .orientation-lock{display:none !important}
body:not(.is-mobile-device) .hv-app{filter:none !important;pointer-events:auto !important;user-select:auto !important}
@media (orientation:landscape) and (max-height:520px){
body:not(.is-mobile-device) .orientation-lock{display:none !important}
body:not(.is-mobile-device) .hv-app{filter:none !important;pointer-events:auto !important;user-select:auto !important}
}
/* v4.8 dynamic home + button feedback */
.hero-card.surface-gold{background:
radial-gradient(circle at 18% 8%,rgba(232,199,119,.30),transparent 30%),
radial-gradient(circle at 78% 22%,rgba(94,171,135,.15),transparent 32%),
linear-gradient(158deg,#174739 0%,#0a241f 62%,#061512 100%) !important;
border-color:rgba(232,199,119,.22) !important;
box-shadow:0 30px 90px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.06) !important;
}
.home-visual-stage{position:relative;overflow:hidden;border-radius:30px;padding:16px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));border:1px solid rgba(232,199,119,.12)}
.home-visual-stage:before{content:"";position:absolute;inset:-80px auto auto -60px;width:180px;height:180px;border-radius:999px;background:rgba(232,199,119,.14);filter:blur(18px)}
.home-aura-orb{position:relative;z-index:1}
.home-aura-orb:after{content:"";position:absolute;inset:-10px;border-radius:inherit;border:1px solid rgba(232,199,119,.10);animation:huzurPulse 3.2s ease-in-out infinite}
@keyframes huzurPulse{0%,100%{transform:scale(.98);opacity:.45}50%{transform:scale(1.04);opacity:.9}}
.dynamic-action{position:relative;overflow:hidden;display:grid;place-items:center;gap:2px;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}
.dynamic-action span{font-weight:950}
.dynamic-action small{font-size:11px;font-weight:850;opacity:.72}
.dynamic-action:active,.soft-action:active,.hero-shortcut-card:active,.command-grid button:active{transform:scale(.975)}
.dynamic-action.is-working{filter:brightness(1.08);box-shadow:0 0 0 5px rgba(232,199,119,.10),0 18px 35px rgba(0,0,0,.22)}
.dynamic-action.is-success{background:linear-gradient(135deg,#e8c777,#b9873b);box-shadow:0 0 0 5px rgba(232,199,119,.16),0 18px 42px rgba(232,199,119,.15)}
.action-burst{animation:actionBurst .7s ease both}
@keyframes actionBurst{0%{transform:scale(1)}35%{transform:scale(1.025)}100%{transform:scale(1)}}
.spiritual-card{position:relative;overflow:hidden;margin-top:16px;padding:18px;border-radius:24px;background:radial-gradient(circle at top right,rgba(232,199,119,.18),transparent 34%),linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));border:1px solid rgba(232,199,119,.14)}
.spiritual-card:before{content:"۞";position:absolute;right:18px;bottom:-8px;font-size:92px;color:rgba(232,199,119,.055);font-weight:900;line-height:1}
.spiritual-head{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.spiritual-head h3{margin:6px 0 8px;font-size:22px;line-height:1.12}
.spiritual-head span:last-child,#spiritualChip{display:inline-flex;border:1px solid rgba(232,199,119,.18);background:rgba(232,199,119,.10);color:var(--gold);border-radius:999px;padding:8px 10px;font-size:12px;font-weight:950;white-space:nowrap}
.spiritual-card p{position:relative;z-index:1;margin:0;color:var(--soft);font-size:15px;line-height:1.58}
.spiritual-card small{position:relative;z-index:1;display:block;margin-top:10px;color:var(--muted);font-size:12px}
.home-action-ribbon{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px}
.soft-action{min-height:46px;border-radius:18px;border:1px solid rgba(232,199,119,.14);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));color:var(--text);font-weight:950;box-shadow:0 12px 24px rgba(0,0,0,.16)}
.app-toast{position:fixed;left:50%;bottom:calc(112px + var(--safe-bottom));transform:translate(-50%,10px);z-index:80;max-width:min(420px,calc(100% - 32px));padding:13px 16px;border-radius:18px;background:linear-gradient(145deg,rgba(25,64,52,.98),rgba(8,25,20,.98));border:1px solid rgba(232,199,119,.22);box-shadow:0 18px 45px rgba(0,0,0,.35);color:var(--text);font-weight:900;text-align:center;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease}
.app-toast.show{opacity:1;transform:translate(-50%,0)}
.prayer-item.just-done{border-color:rgba(142,224,170,.55)!important;background:linear-gradient(180deg,rgba(142,224,170,.14),rgba(255,255,255,.035))!important}
@media(max-width:420px){.home-action-ribbon{grid-template-columns:1fr}.spiritual-head{display:block}.spiritual-head span:last-child,#spiritualChip{margin-top:6px}}
/* v4.9 spiritual content premium card + editable content manager */
.spiritual-card-premium{position:relative;isolation:isolate;padding:20px;border-radius:28px;background:
radial-gradient(circle at 86% 8%,rgba(232,199,119,.24),transparent 34%),
radial-gradient(circle at 5% 100%,rgba(87,153,126,.13),transparent 34%),
linear-gradient(145deg,rgba(21,60,49,.98),rgba(6,23,19,.99)) !important;
border:1px solid rgba(232,199,119,.20) !important;
box-shadow:0 24px 64px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.05);
}
.spiritual-motif{position:absolute;right:14px;top:4px;font-size:96px;line-height:1;color:rgba(232,199,119,.065);z-index:-1}
.spiritual-card-premium .spiritual-head h3{font-size:24px;letter-spacing:-.02em}
.spiritual-card-premium p{font-size:16px;line-height:1.68}
.spiritual-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}
.spiritual-foot small{margin:0!important}
.spiritual-foot button{border:1px solid rgba(232,199,119,.18);background:rgba(232,199,119,.10);color:var(--gold);border-radius:999px;padding:9px 13px;font-weight:950}
.content-manager-card{padding:20px;margin-top:14px;border-radius:28px;background:
radial-gradient(circle at top right,rgba(232,199,119,.18),transparent 32%),
linear-gradient(145deg,rgba(19,54,45,.98),rgba(7,23,19,.98));border:1px solid rgba(232,199,119,.14)}
.content-manager-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}
.content-manager-head h2{margin:6px 0 8px;font-size:24px}
.content-manager-head p{margin:0;color:var(--muted);line-height:1.55}
#spiritualCountBadge{white-space:nowrap;border:1px solid rgba(232,199,119,.18);background:rgba(232,199,119,.10);color:var(--gold);border-radius:999px;padding:9px 12px;font-size:12px}
.content-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.content-editor-grid label{display:grid;gap:7px;color:var(--muted);font-weight:850}
.content-editor-grid label.wide{grid-column:1/-1}
.content-editor-grid input,.content-editor-grid select,.content-editor-grid textarea{width:100%;border:1px solid rgba(255,255,255,.10);background:rgba(0,0,0,.16);color:var(--text);border-radius:18px;padding:13px 14px;font:inherit;outline:none}
.content-editor-grid textarea{resize:vertical;min-height:94px}
.content-editor-grid input:focus,.content-editor-grid select:focus,.content-editor-grid textarea:focus{border-color:rgba(232,199,119,.35);box-shadow:0 0 0 4px rgba(232,199,119,.08)}
.content-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.content-actions button{min-height:48px;border-radius:18px}
.danger-lite{border:1px solid rgba(255,130,130,.28);background:rgba(120,35,35,.18);color:#ffd8d8;font-weight:950}
.content-preview{display:grid;gap:9px;margin-top:14px}
.content-preview article{padding:13px;border-radius:18px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07)}
.content-preview article b{display:block;color:var(--text);margin-bottom:4px}
.content-preview article small{display:block;color:var(--gold);font-weight:900;margin-bottom:4px}
.content-preview article p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}
@media(max-width:520px){.content-manager-head{display:block}.content-manager-head #spiritualCountBadge{display:inline-flex;margin-top:10px}.content-editor-grid,.content-actions{grid-template-columns:1fr}.spiritual-foot{align-items:flex-start;flex-direction:column}}
/* v4.9.1 content manager menu + spiritual card fix */
.content-editor-grid select,
.content-editor-grid input,
.content-editor-grid textarea{font-weight:850}
.content-editor-grid select option,
select option{
background:#f6f0df !important;
color:#071b16 !important;
font-weight:850 !important;
}
.content-editor-grid select option:checked{
background:#d9ad49 !important;
color:#071b16 !important;
}
.content-editor-grid select:focus{
border-color:rgba(232,199,119,.55)!important;
box-shadow:0 0 0 5px rgba(232,199,119,.12)!important;
}
.spiritual-card-premium{
padding:22px!important;
background:
radial-gradient(circle at 82% 8%,rgba(232,199,119,.28),transparent 34%),
radial-gradient(circle at 10% 110%,rgba(106,198,151,.14),transparent 34%),
linear-gradient(145deg,rgba(25,69,56,.99),rgba(6,22,18,.99))!important;
border:1px solid rgba(232,199,119,.24)!important;
}
.spiritual-title-wrap{display:flex;align-items:flex-start;gap:12px}
.spiritual-title-wrap i{
display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:17px;
background:linear-gradient(145deg,rgba(232,199,119,.22),rgba(232,199,119,.08));
border:1px solid rgba(232,199,119,.24);color:var(--gold);font-style:normal;font-weight:950;
box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 24px rgba(0,0,0,.18)
}
.spiritual-card-premium .spiritual-foot button{
min-height:42px;padding:10px 16px;background:linear-gradient(135deg,rgba(232,199,119,.26),rgba(232,199,119,.10));
box-shadow:0 10px 24px rgba(0,0,0,.16)
}
.spiritual-card-premium.is-changing{animation:spiritualSwap .38s ease both}
@keyframes spiritualSwap{0%{transform:translateY(0);filter:brightness(1)}45%{transform:translateY(-3px);filter:brightness(1.14)}100%{transform:translateY(0);filter:brightness(1)}}
.content-preview article{
background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.025))!important;
border-color:rgba(232,199,119,.13)!important;
}
@media(max-width:520px){
.spiritual-title-wrap{gap:10px}
.spiritual-title-wrap i{width:40px;height:40px;flex-basis:40px}
}
/* v4.9.2 premium content type menu + change button fix */
.content-type-hidden-select{display:none!important}
.content-type-field{grid-column:1/-1}
.content-type-pills{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:9px;
padding:8px;
border-radius:22px;
background:linear-gradient(145deg,rgba(0,0,0,.20),rgba(255,255,255,.035));
border:1px solid rgba(232,199,119,.14);
box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 12px 28px rgba(0,0,0,.16);
}
.content-type-pills button{
min-height:48px;
border:1px solid rgba(255,255,255,.08);
background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));
color:var(--soft);
border-radius:17px;
font-weight:950;
letter-spacing:.01em;
transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease;
}
.content-type-pills button.active{
color:#071b16;
background:linear-gradient(135deg,#f2d37c,#c99433);
border-color:rgba(232,199,119,.55);
box-shadow:0 10px 24px rgba(232,199,119,.16),inset 0 1px 0 rgba(255,255,255,.35);
}
.content-type-pills button:active{transform:scale(.975)}
.spiritual-card-premium,
.spiritual-card-premium *{pointer-events:auto}
.spiritual-motif,
.spiritual-card-premium:before{pointer-events:none!important}
#nextSpiritualBtn{
position:relative;
z-index:5;
cursor:pointer;
touch-action:manipulation;
}
#nextSpiritualBtn.is-success{
background:linear-gradient(135deg,#f2d37c,#c99433)!important;
color:#071b16!important;
box-shadow:0 0 0 5px rgba(232,199,119,.16),0 16px 34px rgba(232,199,119,.16)!important;
}
.spiritual-card-premium.is-changing{
animation:spiritualSwapStrong .42s ease both;
}
@keyframes spiritualSwapStrong{
0%{transform:translateY(0) scale(1);filter:brightness(1)}
45%{transform:translateY(-4px) scale(1.01);filter:brightness(1.16)}
100%{transform:translateY(0) scale(1);filter:brightness(1)}
}
@media(max-width:520px){
.content-type-pills{grid-template-columns:repeat(2,1fr)}
}
/* v5.0 stability + premium cleanup */
:root{--tap-ring:rgba(232,199,119,.18)}
button{touch-action:manipulation}
button.is-working{position:relative;filter:brightness(1.08);box-shadow:0 0 0 5px var(--tap-ring),0 14px 34px rgba(0,0,0,.20)!important}
button.is-success{filter:brightness(1.12);box-shadow:0 0 0 5px rgba(126,225,161,.18),0 14px 34px rgba(0,0,0,.22)!important}
button.is-success:not(.primary){border-color:rgba(126,225,161,.38)!important}
.feedback-button,.hero-shortcut-card,.soft-action,.tracker-actions button,.command-grid button,.qibla-actions button,.zikr-focus-actions button{transition:transform .16s ease,filter .16s ease,box-shadow .16s ease,border-color .16s ease}
.feedback-button:active,.hero-shortcut-card:active,.soft-action:active,.tracker-actions button:active,.command-grid button:active,.qibla-actions button:active,.zikr-focus-actions button:active{transform:scale(.975)}
.hero-card.surface-gold{border-color:rgba(232,199,119,.24)!important}
.hero-card.surface-gold .spiritual-card-premium{margin-top:14px}
.daily-intent{display:none!important}
.support-clean-hero,.support-clean-card{padding:22px;border-radius:30px;background:radial-gradient(circle at 85% 5%,rgba(232,199,119,.18),transparent 34%),linear-gradient(145deg,rgba(23,61,50,.98),rgba(6,22,18,.99));border:1px solid rgba(232,199,119,.18);box-shadow:0 22px 58px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.05)}
.support-clean-hero h2{font-size:30px;line-height:1.08;margin:14px 0 10px}
.support-clean-hero p,.support-clean-card p{color:var(--soft);line-height:1.62}
.support-clean-card{margin-top:14px}
.publisher-chip{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:9px 12px;background:rgba(232,199,119,.10);border:1px solid rgba(232,199,119,.18);color:var(--gold);font-weight:950;font-size:12px}
.spiritual-card-premium{min-height:196px}
.content-manager-card{box-shadow:0 18px 52px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.04)}
.content-preview article{word-break:break-word}
.app-toast{z-index:9999!important}
.prayer-item.just-done{border-color:rgba(126,225,161,.55)!important}
@media(max-width:520px){
.hero-actions{grid-template-columns:1fr!important}
.hero-shortcuts{grid-template-columns:1fr!important}
.support-clean-hero h2{font-size:26px}
}
/* v5.1 official Diyanet content/API refinements */
.source-badge.live{background:rgba(126,225,161,.12);border-color:rgba(126,225,161,.30);color:#b8f5c9}
#endpointQuickPanel button[data-api-test="dailycontent"]{border-color:rgba(232,199,119,.22);color:var(--gold)}
/* v5.2 Diyanet bekleme modu */
.source-badge.ready{background:rgba(232,199,119,.12)!important;border-color:rgba(232,199,119,.22)!important;color:var(--gold)!important}
.source-panel{position:relative;overflow:hidden}
.source-panel:after{content:"";position:absolute;right:-50px;top:-50px;width:130px;height:130px;border-radius:999px;background:rgba(232,199,119,.08);filter:blur(6px);pointer-events:none}
.endpoint-panel .endpoint-actions button,
.live-sync-actions button{transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}
.endpoint-panel .endpoint-actions button:active,
.live-sync-actions button:active{transform:scale(.975)}
.provider-card .provider-grid b:first-child{color:var(--gold)}
/* v5.3 premium ana ekran */
.home-premium-hero{
position:relative;overflow:hidden;border-radius:34px;padding:22px;
background:
radial-gradient(circle at 14% 8%,rgba(232,199,119,.30),transparent 28%),
radial-gradient(circle at 92% 16%,rgba(120,216,166,.13),transparent 30%),
linear-gradient(158deg,#174638 0%,#0a241f 60%,#061512 100%)!important;
border:1px solid rgba(232,199,119,.24)!important;
box-shadow:0 32px 90px rgba(0,0,0,.43),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.home-premium-hero:before{content:"";position:absolute;inset:auto -80px -110px auto;width:240px;height:240px;border-radius:999px;background:rgba(232,199,119,.10);filter:blur(8px);pointer-events:none}
.home-premium-hero:after{content:"۞";position:absolute;right:18px;top:6px;font-size:120px;line-height:1;color:rgba(232,199,119,.045);font-weight:900;pointer-events:none}
.home-premium-top{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.home-premium-top h1{font-size:clamp(34px,7.5vw,54px);line-height:.98;margin:8px 0 10px;letter-spacing:-.045em}
.home-premium-top p{margin:0;color:var(--soft);font-size:16px;line-height:1.58;max-width:680px}
.home-premium-stage{position:relative;z-index:1;display:grid;grid-template-columns:210px 1fr;gap:16px;margin-top:18px;align-items:stretch}
.home-countdown-orb{position:relative;min-height:210px;border-radius:34px;display:grid;place-items:center;text-align:center;padding:18px;background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.025));border:1px solid rgba(232,199,119,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 18px 45px rgba(0,0,0,.22)}
.home-countdown-orb .orb-ring{position:absolute;inset:16px;border-radius:30px;border:1px solid rgba(232,199,119,.16);box-shadow:0 0 0 10px rgba(232,199,119,.035),inset 0 0 32px rgba(232,199,119,.055);animation:huzurPulse 3.6s ease-in-out infinite}
.home-countdown-orb span{font-size:12px;color:var(--muted);font-weight:950;text-transform:uppercase;letter-spacing:.09em}
.home-countdown-orb strong{font-size:28px;line-height:1;color:var(--text);margin-top:6px}
.home-countdown-orb b{font-size:33px;color:var(--gold);letter-spacing:-.04em;margin-top:8px}
.home-countdown-orb small{color:var(--muted);font-weight:900;margin-top:8px}
.home-premium-copy{border-radius:32px;padding:20px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));border:1px solid rgba(232,199,119,.13);display:flex;flex-direction:column;justify-content:center}
.home-premium-copy h2{font-size:28px;line-height:1.08;margin:8px 0 10px;letter-spacing:-.025em}
.home-premium-copy p{color:var(--soft);line-height:1.6;margin:0}
.home-progress{margin-top:18px;display:grid;gap:9px}
.home-progress span{font-size:12px;color:var(--muted);font-weight:950}
.home-progress i{height:12px;border-radius:999px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.06);overflow:hidden}
.home-progress i b{display:block;height:100%;width:40%;border-radius:inherit;background:linear-gradient(90deg,#c79539,#f3d983);box-shadow:0 0 22px rgba(232,199,119,.25);transition:width .45s ease}
.premium-metrics{position:relative;z-index:1;margin-top:16px}
.premium-metrics article{background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025))!important;border-color:rgba(232,199,119,.12)!important}
.premium-actions{position:relative;z-index:1;margin-top:14px}
.premium-secondary{display:inline-flex!important;align-items:center;justify-content:center;gap:8px}
.home-premium-shortcuts{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}
.home-premium-shortcut{min-height:76px;border-radius:22px;border:1px solid rgba(232,199,119,.13);background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.028));color:var(--text);display:grid;place-items:center;gap:3px;box-shadow:0 12px 30px rgba(0,0,0,.17);transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}
.home-premium-shortcut span{font-size:22px}
.home-premium-shortcut b{font-size:14px}
.home-premium-shortcut small{color:var(--muted);font-size:11px;font-weight:850}
.home-premium-shortcut:active{transform:scale(.975)}
.home-spiritual-card{position:relative;z-index:1;margin-top:14px!important}
.home-times-preview{margin-top:16px;padding:16px;border-radius:28px;background:linear-gradient(145deg,rgba(18,54,45,.98),rgba(7,24,20,.98));border:1px solid rgba(232,199,119,.12);box-shadow:0 18px 45px rgba(0,0,0,.18)}
.compact-head{margin-bottom:10px!important}
.today-compact-list{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.today-compact-list article{padding:10px 8px;border-radius:18px;text-align:center;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07)}
.today-compact-list article.active{background:rgba(232,199,119,.12);border-color:rgba(232,199,119,.30)}
.today-compact-list article.done{background:rgba(126,225,161,.10);border-color:rgba(126,225,161,.30)}
.today-compact-list small{display:block;color:var(--muted);font-size:10px;font-weight:950;margin-bottom:5px}
.today-compact-list b{font-size:13px;color:var(--text)}
.home-prayer-list{margin-top:12px}
@media(max-width:720px){
.home-premium-stage{grid-template-columns:1fr}
.home-countdown-orb{min-height:190px}
.home-premium-shortcuts{grid-template-columns:repeat(2,1fr)}
.today-compact-list{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:420px){
.home-premium-hero{padding:18px;border-radius:30px}
.home-premium-top{display:block}
.home-premium-top .source-badge{margin-top:10px}
.home-countdown-orb b{font-size:30px}
.today-compact-list{grid-template-columns:repeat(2,1fr)}
}
/* v5.4 Akıllı Kıble Paketi */
.qibla-premium-title h1{letter-spacing:-.035em}
.qibla-smart-card{
position:relative;overflow:hidden;border-radius:34px;padding:22px!important;
background:
radial-gradient(circle at 16% 8%,rgba(232,199,119,.22),transparent 28%),
radial-gradient(circle at 88% 10%,rgba(105,203,154,.13),transparent 32%),
linear-gradient(155deg,rgba(23,67,55,.99),rgba(6,22,18,.99))!important;
border:1px solid rgba(232,199,119,.22)!important;
box-shadow:0 28px 80px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.055)!important;
}
.qibla-smart-card:before{content:"۞";position:absolute;right:18px;top:10px;font-size:118px;color:rgba(232,199,119,.045);line-height:1;pointer-events:none}
.qibla-smart-stage{position:relative;z-index:1;display:grid;grid-template-columns:minmax(220px,360px) 1fr;gap:16px;align-items:center;margin-top:16px}
.qibla-disc-premium{
box-shadow:0 25px 70px rgba(0,0,0,.35),inset 0 0 0 1px rgba(232,199,119,.16),inset 0 0 42px rgba(232,199,119,.08)!important;
background:
radial-gradient(circle at center,rgba(232,199,119,.13),rgba(255,255,255,.035) 38%,rgba(0,0,0,.10) 68%),
linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025))!important;
}
.qibla-compass-glow{position:absolute;inset:18%;border-radius:999px;background:rgba(232,199,119,.055);filter:blur(16px);pointer-events:none}
.qibla-live-panel{min-height:240px;border-radius:30px;padding:20px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));border:1px solid rgba(232,199,119,.13);display:flex;flex-direction:column;justify-content:center}
.qibla-live-panel h3{margin:8px 0 10px;font-size:30px;line-height:1.08;letter-spacing:-.03em}
.qibla-live-panel p{margin:0;color:var(--soft);line-height:1.6}
.qibla-turn-meter{display:grid;gap:9px;margin-top:18px}
.qibla-turn-meter i{height:12px;border-radius:999px;background:rgba(0,0,0,.24);border:1px solid rgba(255,255,255,.07);overflow:hidden}
.qibla-turn-meter i b{display:block;height:100%;width:0%;border-radius:inherit;background:linear-gradient(90deg,#f3d983,#c79539);box-shadow:0 0 20px rgba(232,199,119,.26);transition:width .35s ease}
.qibla-turn-meter small{font-weight:950;color:var(--muted)}
.qibla-source-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}
.qibla-source-pills span{border-radius:999px;padding:9px 11px;background:rgba(232,199,119,.09);border:1px solid rgba(232,199,119,.16);color:var(--gold);font-size:12px;font-weight:950}
.qibla-smart-info{margin-top:16px}
.qibla-smart-info article{background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025))!important;border-color:rgba(232,199,119,.12)!important}
.qibla-smart-calibration{margin-top:14px;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.025))!important;border-color:rgba(232,199,119,.12)!important}
.qibla-smart-chips{margin-top:13px}
.qibla-smart-chips span{border-color:rgba(232,199,119,.16)!important;background:rgba(232,199,119,.08)!important}
.qibla-actions-full{margin-top:14px}
.qibla-actions-full button{min-height:54px}
.pill.is-live{background:rgba(126,225,161,.13)!important;color:#bdf5cb!important;border-color:rgba(126,225,161,.26)!important}
.pill.is-fixed{background:rgba(232,199,119,.12)!important;color:var(--gold)!important;border-color:rgba(232,199,119,.24)!important}
@media(max-width:760px){
.qibla-smart-stage{grid-template-columns:1fr}
.qibla-live-panel{min-height:auto}
}
@media(max-width:430px){
.qibla-smart-card{padding:18px!important;border-radius:30px}
.qibla-live-panel h3{font-size:25px}
}
/* v5.4.1 otomatik kıble ve kabe simgesi */
.qibla-disc-premium{background:radial-gradient(circle at 50% 34%,rgba(232,199,119,.18),rgba(255,255,255,.045) 36%,rgba(0,0,0,.12) 70%),linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.028))!important}
.qibla-kaaba-icon{position:absolute;left:50%;top:50%;z-index:4;display:grid;place-items:center;gap:1px;min-width:52px;padding:6px 8px;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.93),rgba(245,236,205,.9));border:1px solid rgba(199,149,57,.32);box-shadow:0 10px 25px rgba(0,0,0,.28),0 0 0 6px rgba(232,199,119,.07);transform:translate(-50%,-50%);transition:transform .18s linear,opacity .18s ease;opacity:0;pointer-events:none}
.qibla-kaaba-icon.is-visible{opacity:1}
.qibla-kaaba-icon span{font-size:20px;line-height:1}
.qibla-kaaba-icon small{font-size:10px;line-height:1;color:#3b2a00;font-weight:900}
.qibla-turn-meter i b{transition:width .28s ease}
.qibla-calibration-hint{margin-top:14px;padding:12px 13px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid rgba(232,199,119,.12)}
.qibla-calibration-hint b{display:block;font-size:13px;color:var(--gold)}
.qibla-calibration-hint p{margin:6px 0 0;color:var(--soft);font-size:12px;line-height:1.5}
.qibla-live-panel{position:relative;overflow:hidden}
.qibla-live-panel:after{content:"";position:absolute;right:-35px;bottom:-35px;width:120px;height:120px;border-radius:999px;background:rgba(232,199,119,.07);filter:blur(6px);pointer-events:none}
/* v5.4.2 qibla calibration overlay */
.qibla-calibration-overlay{
position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;
padding:22px;background:rgba(2,15,12,.82);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
}
.qibla-calibration-overlay.is-open{display:flex}
.qibla-calibration-panel{
width:min(520px,100%);border-radius:34px;padding:22px;text-align:center;position:relative;overflow:hidden;
background:radial-gradient(circle at 20% 0%,rgba(232,199,119,.24),transparent 32%),linear-gradient(155deg,#173f35,#071c18 72%,#061411);
border:1px solid rgba(232,199,119,.24);box-shadow:0 32px 100px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.06);
}
.qibla-calibration-panel:before{content:"۞";position:absolute;right:14px;top:0;font-size:120px;color:rgba(232,199,119,.045);line-height:1}
.qibla-calibration-top{display:flex;justify-content:space-between;align-items:center;gap:12px;position:relative;z-index:1}
#qiblaCalibrationClose{
width:40px;height:40px;border-radius:16px;border:1px solid rgba(232,199,119,.15);
background:rgba(255,255,255,.055);color:var(--text);font-size:24px;line-height:1;font-weight:900;
}
.calibration-animation{position:relative;z-index:1;margin:14px auto 6px;width:min(390px,100%);height:190px;display:grid;place-items:center}
.calibration-animation svg{width:100%;height:170px;overflow:visible}
.calibration-path-bg{fill:none;stroke:rgba(232,199,119,.14);stroke-width:16;stroke-linecap:round}
.calibration-path{fill:none;stroke:#f2d176;stroke-width:10;stroke-linecap:round;stroke-dasharray:72 430;animation:calibrationTrace 2.2s ease-in-out infinite;filter:drop-shadow(0 0 16px rgba(232,199,119,.35))}
.calibration-phone{
position:absolute;right:76px;top:69px;width:44px;height:62px;border-radius:10px;display:grid;place-items:center;
background:linear-gradient(180deg,#fff9df,#d8c276);border:3px solid #1c1711;color:#1c1711;font-size:38px;font-weight:900;
box-shadow:0 14px 30px rgba(0,0,0,.35);animation:phoneFigureMove 2.2s ease-in-out infinite;
}
@keyframes calibrationTrace{0%{stroke-dashoffset:500}100%{stroke-dashoffset:0}}
@keyframes phoneFigureMove{
0%,100%{transform:translate(-210px,0) rotate(-10deg)}
25%{transform:translate(-100px,-54px) rotate(12deg)}
50%{transform:translate(0,0) rotate(-8deg)}
75%{transform:translate(80px,54px) rotate(10deg)}
}
.qibla-calibration-panel h2{position:relative;z-index:1;margin:10px 0 10px;font-size:31px;line-height:1.08;letter-spacing:-.03em}
.qibla-calibration-panel p{position:relative;z-index:1;margin:0 auto;color:var(--soft);line-height:1.62;max-width:430px}
.calibration-progress{position:relative;z-index:1;margin:18px 0 0;display:grid;gap:9px}
.calibration-progress i{height:13px;border-radius:999px;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.07);overflow:hidden}
.calibration-progress i b{display:block;height:100%;width:0%;border-radius:inherit;background:linear-gradient(90deg,#c79539,#f4d77d);box-shadow:0 0 24px rgba(232,199,119,.35);transition:width .24s ease}
.calibration-progress small{color:var(--muted);font-weight:950}
.calibration-tips{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px}
.calibration-tips span{border-radius:999px;padding:9px 11px;background:rgba(232,199,119,.09);border:1px solid rgba(232,199,119,.14);color:var(--gold);font-size:12px;font-weight:950}
.calibration-actions{position:relative;z-index:1;display:none;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.calibration-actions.is-visible{display:grid}
.calibration-actions button{min-height:52px;border-radius:18px}
.qibla-calibration-overlay.is-success .qibla-calibration-panel{border-color:rgba(126,225,161,.32)}
.qibla-calibration-overlay.is-success .calibration-path{stroke:#bff5cb}
.qibla-calibration-overlay.is-success .calibration-progress i b{background:linear-gradient(90deg,#7ee1a1,#d8ffdf)}
@media(max-width:430px){
.qibla-calibration-overlay{padding:14px}
.qibla-calibration-panel{padding:18px;border-radius:30px}
.qibla-calibration-panel h2{font-size:26px}
.calibration-actions{grid-template-columns:1fr}
}
/* v5.5 Premium Zikir Deneyimi */
.zikr-premium-title h1{letter-spacing:-.035em}
.zikr-premium-card{
position:relative;overflow:hidden;border-radius:34px;padding:22px!important;
background:
radial-gradient(circle at 14% 0%,rgba(232,199,119,.22),transparent 30%),
radial-gradient(circle at 86% 8%,rgba(121,220,164,.12),transparent 30%),
linear-gradient(155deg,rgba(20,61,50,.99),rgba(6,22,18,.99))!important;
border:1px solid rgba(232,199,119,.22)!important;
box-shadow:0 28px 80px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.055)!important;
}
.zikr-premium-card:before{content:"۞";position:absolute;right:18px;top:2px;font-size:120px;color:rgba(232,199,119,.045);line-height:1;pointer-events:none}
.zikr-premium-head{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;text-align:left;width:100%}
.zikr-premium-head h2{font-size:clamp(30px,7vw,46px);line-height:1;margin:6px 0 6px;letter-spacing:-.04em}
#zikrVibrationBadge{border-radius:999px;padding:9px 12px;background:rgba(232,199,119,.10);border:1px solid rgba(232,199,119,.18);color:var(--gold);font-size:12px;font-weight:950;white-space:nowrap}
.zikr-premium-orb{position:relative;margin-top:8px;width:min(76vw,360px);height:min(76vw,360px);border-radius:999px;background:radial-gradient(circle at 50% 40%,rgba(232,199,119,.13),rgba(0,0,0,.18) 64%),linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.025));border:1px solid rgba(232,199,119,.18);box-shadow:0 26px 75px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.035)}
.zikr-premium-orb .zikr-orb-halo{position:absolute;inset:24px;border-radius:999px;border:1px solid rgba(232,199,119,.10);box-shadow:0 0 0 18px rgba(232,199,119,.035),inset 0 0 40px rgba(232,199,119,.065);animation:huzurPulse 3.8s ease-in-out infinite}
.zikr-premium-orb.is-complete{border-color:rgba(232,199,119,.52);box-shadow:0 0 0 12px rgba(232,199,119,.07),0 28px 80px rgba(0,0,0,.35),inset 0 0 56px rgba(232,199,119,.16)}
.zikr-premium-orb.is-tapping{transform:scale(.985)}
.zikr-progress-ring{background:conic-gradient(var(--gold) var(--zikr-progress,0%),rgba(255,255,255,.045) 0)!important}
.zikr-focus-count{position:relative;z-index:2}
#zikrOrbHint{position:relative;z-index:2;text-transform:uppercase;letter-spacing:.08em}
.zikr-completion-banner{display:none;width:100%;max-width:520px;border-radius:24px;padding:16px;background:linear-gradient(145deg,rgba(232,199,119,.18),rgba(255,255,255,.04));border:1px solid rgba(232,199,119,.24);text-align:left}
.zikr-completion-banner.is-visible{display:block;animation:softPop .34s ease-out}
.zikr-completion-banner b{display:block;color:var(--gold);font-size:18px}
.zikr-completion-banner span{display:block;margin-top:4px;color:var(--soft);line-height:1.45}
.zikr-name-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%;margin-top:2px}
.zikr-name-selector button,.zikr-focus-chips button{border-radius:999px;border:1px solid rgba(232,199,119,.14);background:rgba(255,255,255,.055);color:var(--text);padding:11px 10px;font-weight:950}
.zikr-name-selector button.active,.zikr-focus-chips button.active{background:rgba(232,199,119,.15);border-color:rgba(232,199,119,.36);color:var(--gold)}
.zikr-custom-row,.zikr-custom-goal-row{display:grid;grid-template-columns:1fr auto;gap:9px;width:100%;max-width:620px}
.zikr-custom-row input,.zikr-custom-goal-row input{min-height:50px;border-radius:18px;border:1px solid rgba(232,199,119,.13);background:rgba(0,0,0,.18);color:var(--text);padding:0 14px;font:inherit;font-weight:850;outline:none}
.zikr-focus-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.zikr-goal-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:9px}
.zikr-goal-buttons button{min-width:74px}
.zikr-premium-actions{grid-template-columns:1.2fr 1fr 1fr!important;max-width:620px!important}
.danger-soft{border-color:rgba(231,105,105,.25)!important;color:#ffd1d1!important}
.zikr-premium-footer{grid-template-columns:repeat(4,1fr)!important;max-width:720px!important}
.zikr-premium-footer article{background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025))!important;border-color:rgba(232,199,119,.12)!important}
.zikr-history-card{width:100%;margin-top:8px;padding:16px;border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.025));border:1px solid rgba(232,199,119,.12)}
.zikr-history-list{display:grid;gap:8px}
.zikr-history-list article{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;border-radius:18px;padding:12px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07);text-align:left}
.zikr-history-list b{display:block}
.zikr-history-list small{color:var(--muted);font-weight:850}
@keyframes softPop{0%{opacity:0;transform:translateY(8px) scale(.98)}100%{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:720px){
.zikr-name-selector{grid-template-columns:repeat(2,1fr)}
.zikr-premium-footer{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:430px){
.zikr-premium-card{padding:18px!important;border-radius:30px}
.zikr-premium-head{display:block;text-align:center}
#zikrVibrationBadge{display:inline-flex;margin-top:8px}
.zikr-premium-actions,.zikr-custom-row,.zikr-custom-goal-row{grid-template-columns:1fr!important}
.zikr-premium-footer{grid-template-columns:1fr!important}
}
/* v5.5.1 zikir geçmişi ve kayıtlı liste */
.zikr-card-note{margin:0 0 12px;color:var(--muted);font-size:13px;line-height:1.55;text-align:left}
.zikr-history-list article,.zikr-saved-list article{position:relative}
.zikr-row-main{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;width:100%;border:0;background:transparent;color:inherit;text-align:left;padding:0;font:inherit}
.zikr-row-main:active{transform:scale(.985)}
.zikr-row-actions{display:flex;gap:7px;align-items:center;justify-content:flex-end;margin-top:10px}
.zikr-row-actions button{min-height:36px;border-radius:999px;border:1px solid rgba(232,199,119,.14);background:rgba(255,255,255,.055);color:var(--text);padding:0 12px;font-weight:900}
.zikr-row-actions button.primary-mini{background:rgba(232,199,119,.14);color:var(--gold);border-color:rgba(232,199,119,.26)}
.zikr-row-actions button.delete-mini{border-color:rgba(231,105,105,.25);color:#ffd1d1}
.zikr-row-count{font-size:22px;color:var(--gold);font-weight:950}
.zikr-row-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:5px}
.zikr-row-meta span{border-radius:999px;background:rgba(232,199,119,.08);border:1px solid rgba(232,199,119,.13);padding:5px 8px;font-size:11px;color:var(--muted);font-weight:900}
.zikr-saved-card{margin-top:12px}
.zikr-saved-list{display:grid;gap:8px}
.zikr-saved-list article{border-radius:18px;padding:13px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07);text-align:left}
.zikr-history-list article.is-active,.zikr-saved-list article.is-active{border-color:rgba(232,199,119,.38);background:rgba(232,199,119,.09)}
@media(max-width:430px){
.zikr-row-main{grid-template-columns:1fr}
.zikr-row-count{font-size:24px}
.zikr-row-actions{justify-content:stretch}
.zikr-row-actions button{flex:1}
}
/* v5.6 İlk Kurulum ve İzin Sihirbazı */
.onboarding-wizard{z-index:100000;background:radial-gradient(circle at 20% 0%,rgba(232,199,119,.16),transparent 32%),rgba(3,12,10,.86)}
.onboarding-wizard-card{
width:min(560px,100%);max-height:calc(100vh - 34px);overflow:auto;position:relative;
background:
radial-gradient(circle at 16% 0%,rgba(232,199,119,.20),transparent 32%),
radial-gradient(circle at 90% 10%,rgba(111,214,159,.10),transparent 30%),
linear-gradient(155deg,#173f35,#071c18 72%,#061411)!important;
border-color:rgba(232,199,119,.22)!important;
box-shadow:0 34px 110px rgba(0,0,0,.60),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.onboarding-wizard-card:before{content:"۞";position:absolute;right:18px;top:6px;font-size:120px;color:rgba(232,199,119,.045);line-height:1;pointer-events:none}
.onboarding-wizard-head{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;z-index:1}
.onboarding-logo-wrap{display:flex;align-items:center;gap:10px}
.onboarding-logo-wrap span{border-radius:999px;padding:8px 10px;background:rgba(232,199,119,.10);border:1px solid rgba(232,199,119,.16);color:var(--gold);font-size:12px;font-weight:950}
.onboarding-skip{border:1px solid rgba(232,199,119,.14);background:rgba(255,255,255,.055);color:var(--muted);border-radius:999px;padding:9px 12px;font-weight:900}
.onboarding-progress{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin:16px 0 10px;position:relative;z-index:1}
.onboarding-progress i{height:12px;border-radius:999px;background:rgba(0,0,0,.24);border:1px solid rgba(255,255,255,.07);overflow:hidden}
.onboarding-progress i b{display:block;height:100%;width:12.5%;background:linear-gradient(90deg,#c79539,#f4d77d);border-radius:inherit;transition:width .25s ease}
.onboarding-progress small{color:var(--gold);font-weight:950}
.onboarding-steps{position:relative;z-index:1;min-height:330px}
.onboarding-step{display:none;animation:softPop .28s ease-out}
.onboarding-step.active{display:block}
.onboarding-step h1{font-size:clamp(28px,7vw,42px)!important;line-height:1.04!important;margin:10px 0 12px!important;letter-spacing:-.04em!important}
.onboarding-step p{font-size:15px;color:var(--soft)!important;line-height:1.62!important;margin:0 0 16px!important}
.onboarding-mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px}
.onboarding-mini-grid span,.onboarding-ready-card,.onboarding-calibration-preview{
border-radius:20px;background:rgba(255,255,255,.055);border:1px solid rgba(232,199,119,.13);padding:13px;color:var(--text);font-weight:950
}
.onboarding-select{width:100%;min-height:54px;border-radius:20px;border:1px solid rgba(232,199,119,.16);background:rgba(0,0,0,.18);color:var(--text);padding:0 14px;font:inherit;font-weight:900;outline:none}
.onboarding-select option{background:#f6f0df;color:#071b16;font-weight:900}
.onboarding-persona-grid button.active{background:rgba(232,199,119,.16);border-color:rgba(232,199,119,.38);color:var(--gold)}
.onboarding-action-stack{display:grid;gap:10px}
.onboarding-status{display:block;margin-top:10px;color:var(--muted);font-weight:850}
.reminder-choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}
.reminder-choice-grid label{display:flex;align-items:center;gap:9px;min-height:50px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(232,199,119,.12);padding:0 12px;font-weight:900}
.reminder-choice-grid input{width:18px;height:18px;accent-color:#e8c777}
.onboarding-calibration-preview{display:grid;place-items:center;text-align:center;gap:8px;min-height:150px;background:radial-gradient(circle at center,rgba(232,199,119,.16),rgba(255,255,255,.035))!important}
.onboarding-calibration-preview span{font-size:84px;line-height:.8;color:var(--gold);filter:drop-shadow(0 0 18px rgba(232,199,119,.28));animation:huzurPulse 2.6s ease-in-out infinite}
.onboarding-calibration-preview small{color:var(--soft);font-weight:850;line-height:1.45}
.onboarding-ready-card{display:grid;gap:6px;text-align:left;background:linear-gradient(145deg,rgba(232,199,119,.14),rgba(255,255,255,.04))!important}
.onboarding-ready-card b{color:var(--gold)}
.onboarding-ready-card span{color:var(--soft);font-weight:850}
.onboarding-dots{display:flex;justify-content:center;gap:7px;margin:10px 0 14px}
.onboarding-dots button{width:9px;height:9px;border-radius:999px;border:0;background:rgba(255,255,255,.20);padding:0}
.onboarding-dots button.active{width:26px;background:var(--gold)}
.onboarding-footer{display:grid;grid-template-columns:1fr 1.4fr;gap:10px;position:relative;z-index:1}
#onboardingFinish{display:none}
.onboarding-footer.is-last #onboardingNext{display:none}
.onboarding-footer.is-last #onboardingFinish{display:block}
.onboarding-footer.is-first #onboardingPrev{visibility:hidden}
@media(max-width:460px){
.onboarding{padding:12px}
.onboarding-wizard-card{padding:18px!important;border-radius:30px}
.onboarding-mini-grid{grid-template-columns:repeat(2,1fr)}
.reminder-choice-grid{grid-template-columns:1fr}
.onboarding-footer{grid-template-columns:1fr}
.onboarding-footer.is-first #onboardingPrev{display:none}
}
/* v5.7 Bildirim ve Hatırlatma Tercihleri */
.notification-card{
padding:20px;border-radius:30px;background:
radial-gradient(circle at 88% 8%,rgba(232,199,119,.14),transparent 30%),
linear-gradient(145deg,rgba(18,54,45,.98),rgba(7,24,20,.98));
border:1px solid rgba(232,199,119,.14);box-shadow:0 18px 54px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.045)
}
.notification-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}
.notification-head h2{margin:6px 0 8px;font-size:28px;letter-spacing:-.025em}
.notification-head p{margin:0;color:var(--soft);line-height:1.55}
#notificationPermissionBadge{border-radius:999px;padding:9px 12px;background:rgba(232,199,119,.10);border:1px solid rgba(232,199,119,.18);color:var(--gold);font-size:12px;white-space:nowrap}
.notification-permission-panel{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;border-radius:22px;padding:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);margin-bottom:14px}
.notification-permission-panel strong{display:block}
.notification-permission-panel small{display:block;margin-top:4px;color:var(--muted);font-weight:850}
.reminder-settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}
.reminder-toggle{display:flex;align-items:center;gap:11px;border-radius:20px;padding:13px;background:rgba(255,255,255,.045);border:1px solid rgba(232,199,119,.11)}
.reminder-toggle input{width:20px;height:20px;accent-color:#e8c777;flex:0 0 auto}
.reminder-toggle b{display:block}
.reminder-toggle small{display:block;margin-top:3px;color:var(--muted);font-size:12px;font-weight:850}
.reminder-options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px}
.reminder-options-grid label{display:grid;gap:8px;color:var(--muted);font-weight:900}
.reminder-options-grid select{min-height:50px;border-radius:18px;border:1px solid rgba(232,199,119,.13);background:rgba(0,0,0,.18);color:var(--text);padding:0 13px;font:inherit;font-weight:900;outline:none}
.reminder-options-grid option{background:#f6f0df;color:#071b16;font-weight:900}
.notification-preview-card{margin-top:14px;border-radius:24px;padding:16px;background:linear-gradient(145deg,rgba(232,199,119,.13),rgba(255,255,255,.04));border:1px solid rgba(232,199,119,.16)}
.notification-preview-card h3{margin:6px 0 8px;font-size:24px}
.notification-preview-card p{margin:0;color:var(--soft);line-height:1.5}
.notification-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:13px}
@media(max-width:720px){
.notification-head,.notification-permission-panel{grid-template-columns:1fr;display:grid}
.reminder-settings-grid,.reminder-options-grid{grid-template-columns:1fr}
}
@media(max-width:430px){
.notification-card{padding:18px;border-radius:28px}
.notification-actions{grid-template-columns:1fr}
}
/* v5.8 Zikir Paketleri ve Tesbih Koleksiyonları */
.zikr-collection-card{
width:100%;margin-top:12px;padding:16px;border-radius:26px;
background:linear-gradient(145deg,rgba(232,199,119,.10),rgba(255,255,255,.03));
border:1px solid rgba(232,199,119,.15);box-shadow:0 14px 38px rgba(0,0,0,.16)
}
.zikr-collection-tabs{display:flex;gap:8px;overflow-x:auto;padding:2px 0 10px;margin-bottom:8px;scrollbar-width:none}
.zikr-collection-tabs::-webkit-scrollbar{display:none}
.zikr-collection-tabs button{flex:0 0 auto;border-radius:999px;border:1px solid rgba(232,199,119,.14);background:rgba(255,255,255,.055);color:var(--text);padding:10px 13px;font-weight:950}
.zikr-collection-tabs button.active{background:rgba(232,199,119,.16);border-color:rgba(232,199,119,.38);color:var(--gold);box-shadow:0 0 0 4px rgba(232,199,119,.035)}
.zikr-collection-list{display:grid;gap:9px}
.zikr-collection-list article{
display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;
border-radius:20px;padding:13px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.075);text-align:left
}
.zikr-collection-list article.is-active{border-color:rgba(232,199,119,.40);background:rgba(232,199,119,.09)}
.zikr-collection-list b{display:block;font-size:17px}
.zikr-collection-list small{display:block;margin-top:4px;color:var(--muted);font-weight:850;line-height:1.4}
.zikr-collection-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}
.zikr-collection-meta span{border-radius:999px;background:rgba(232,199,119,.08);border:1px solid rgba(232,199,119,.12);padding:5px 8px;font-size:11px;color:var(--muted);font-weight:900}
.zikr-collection-actions{display:flex;gap:7px;align-items:center}
.zikr-collection-actions button{min-height:42px;border-radius:999px;border:1px solid rgba(232,199,119,.14);background:rgba(255,255,255,.055);color:var(--text);padding:0 13px;font-weight:950}
.zikr-collection-actions button.primary-mini{background:rgba(232,199,119,.15);border-color:rgba(232,199,119,.30);color:var(--gold)}
.zikr-package-note{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:flex-start;margin-top:10px;border-radius:18px;padding:12px;background:rgba(0,0,0,.14);border:1px solid rgba(232,199,119,.10);color:var(--soft);font-size:13px;line-height:1.45}
.zikr-package-note b{color:var(--gold)}
@media(max-width:560px){
.zikr-collection-list article{grid-template-columns:1fr}
.zikr-collection-actions{justify-content:stretch}
.zikr-collection-actions button{flex:1}
}
/* v5.8.1 Zikir ekranı sağa kayma düzeltmesi */
.screen[data-screen="zikr"],
.screen[data-screen="zikr"] *{
max-width:100%;
}
.screen[data-screen="zikr"]{
width:100%;
overflow-x:hidden;
}
.screen[data-screen="zikr"] .page-title,
.zikr-focus-card,
.zikr-premium-card,
.zikr-collection-card,
.zikr-history-card,
.zikr-saved-card,
.zikr-premium-footer,
.zikr-custom-row,
.zikr-custom-goal-row,
.zikr-focus-actions,
.zikr-name-selector,
.zikr-goal-buttons,
.zikr-focus-chips{
width:100%;
min-width:0;
max-width:100%;
justify-self:stretch;
}
.zikr-premium-card{
overflow-x:hidden!important;
}
.zikr-collection-card,
.zikr-history-card,
.zikr-saved-card{
box-sizing:border-box;
overflow:hidden;
}
.zikr-collection-tabs{
width:100%;
min-width:0;
max-width:100%;
overflow-x:auto;
overflow-y:hidden;
-webkit-overflow-scrolling:touch;
padding-left:0;
padding-right:0;
}
.zikr-collection-tabs button{
max-width:none;
white-space:nowrap;
}
.zikr-collection-list,
.zikr-history-list,
.zikr-saved-list{
width:100%;
min-width:0;
}
.zikr-collection-list article,
.zikr-history-list article,
.zikr-saved-list article{
width:100%;
min-width:0;
max-width:100%;
overflow:hidden;
}
.zikr-collection-list article > div,
.zikr-row-main,
.zikr-row-main > div,
.zikr-collection-actions,
.zikr-row-actions{
min-width:0;
}
.zikr-collection-list b,
.zikr-collection-list small,
.zikr-row-main b,
.zikr-row-main small,
.zikr-card-note{
overflow-wrap:anywhere;
word-break:normal;
}
.zikr-collection-meta,
.zikr-row-meta{
min-width:0;
overflow:hidden;
}
@media(max-width:430px){
.zikr-collection-card,
.zikr-history-card,
.zikr-saved-card{
padding:14px;
border-radius:22px;
}
.zikr-collection-list article,
.zikr-history-list article,
.zikr-saved-list article{
padding:12px;
}
.zikr-collection-tabs button{
padding:9px 11px;
}
}
/* v5.9 Yardım Merkezi */
.help-title h1{letter-spacing:-.035em}
.help-hero-card{
display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;padding:20px;border-radius:30px;
background:radial-gradient(circle at 88% 8%,rgba(232,199,119,.16),transparent 32%),linear-gradient(145deg,rgba(18,54,45,.98),rgba(7,24,20,.98));
border:1px solid rgba(232,199,119,.16);box-shadow:0 18px 54px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.045)
}
.help-hero-card h2{margin:6px 0 8px;font-size:30px;letter-spacing:-.03em}
.help-hero-card p{margin:0;color:var(--soft);line-height:1.6}
.help-hero-actions{display:grid;grid-template-columns:1fr;gap:8px;min-width:132px}
.help-hero-actions button,.help-category-pills button{
border-radius:999px;border:1px solid rgba(232,199,119,.14);background:rgba(255,255,255,.055);color:var(--text);padding:10px 13px;font-weight:950
}
.help-hero-actions button{color:var(--gold);background:rgba(232,199,119,.10)}
.help-search-card{margin-top:14px;padding:16px;border-radius:26px;background:rgba(255,255,255,.035);border:1px solid rgba(232,199,119,.12)}
.help-search-card label{display:grid;gap:8px;color:var(--muted);font-weight:900}
.help-search-card input{
min-height:52px;border-radius:18px;border:1px solid rgba(232,199,119,.14);background:rgba(0,0,0,.18);color:var(--text);padding:0 14px;font:inherit;font-weight:850;outline:none
}
.help-category-pills{display:flex;gap:8px;overflow-x:auto;padding:12px 0 2px;scrollbar-width:none}
.help-category-pills::-webkit-scrollbar{display:none}
.help-category-pills button{flex:0 0 auto}
.help-category-pills button.active{background:rgba(232,199,119,.16);border-color:rgba(232,199,119,.36);color:var(--gold)}
.help-faq-list{display:grid;gap:10px;margin-top:14px}
.help-faq-list article{
border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border:1px solid rgba(232,199,119,.12);
overflow:hidden;box-shadow:0 12px 34px rgba(0,0,0,.13)
}
.help-faq-list button{
width:100%;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;text-align:left;border:0;background:transparent;color:var(--text);padding:16px;font:inherit;font-weight:950
}
.help-faq-list button small{display:block;margin-top:4px;color:var(--muted);font-weight:850}
.help-faq-list button span:last-child{color:var(--gold);font-size:20px}
.help-answer{display:none;padding:0 16px 16px;color:var(--soft);line-height:1.62}
.help-faq-list article.open .help-answer{display:block}
.help-answer ul{margin:8px 0 0 20px;padding:0}
.help-answer li{margin:5px 0}
.help-contact-card{margin-top:14px;padding:18px;border-radius:28px;background:linear-gradient(145deg,rgba(232,199,119,.11),rgba(255,255,255,.035));border:1px solid rgba(232,199,119,.14)}
.help-contact-card h2{margin:6px 0 10px}
.help-contact-card ol{margin:0;padding-left:20px;color:var(--soft);line-height:1.65}
@media(max-width:620px){
.help-hero-card{grid-template-columns:1fr}
.help-hero-actions{grid-template-columns:repeat(3,1fr);min-width:0}
}
@media(max-width:430px){
.help-hero-card,.help-search-card,.help-contact-card{border-radius:24px}
.help-hero-actions{grid-template-columns:1fr}
}
/* v5.9.1 Yardım SSS açılma düzeltmesi */
.help-answer[hidden]{display:none!important}
.help-faq-list article.open .help-answer{display:block!important}
.help-faq-list article.open .help-toggle-icon{color:var(--gold)}
.help-faq-list article.open{border-color:rgba(232,199,119,.34);background:linear-gradient(145deg,rgba(232,199,119,.09),rgba(255,255,255,.025))}
.help-toggle-icon{transition:transform .18s ease,color .18s ease}
.help-faq-list article.open .help-toggle-icon{transform:rotate(180deg)}
/* v5.9.2 Yardım SSS native details düzeltmesi */
.help-faq-list article{display:none}
.help-faq-detail{
border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.025));
border:1px solid rgba(232,199,119,.12);overflow:hidden;box-shadow:0 12px 34px rgba(0,0,0,.13)
}
.help-faq-detail + .help-faq-detail{margin-top:10px}
.help-faq-detail summary{
list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;
padding:16px;color:var(--text);font-weight:950;user-select:none;-webkit-tap-highlight-color:transparent
}
.help-faq-detail summary::-webkit-details-marker{display:none}
.help-faq-detail summary small{display:block;margin-top:4px;color:var(--muted);font-weight:850}
.help-faq-detail summary i{font-style:normal;color:var(--gold);font-size:22px;line-height:1;transition:transform .18s ease}
.help-faq-detail[open]{border-color:rgba(232,199,119,.34);background:linear-gradient(145deg,rgba(232,199,119,.09),rgba(255,255,255,.025))}
.help-faq-detail[open] summary i{transform:rotate(45deg)}
.help-faq-detail[open] summary i::before{content:""}
.help-answer-native{padding:0 16px 16px;color:var(--soft);line-height:1.62}
.help-answer-native ul{margin:8px 0 0 20px;padding:0}
.help-answer-native li{margin:5px 0}
.help-empty{display:block!important;border-radius:24px;padding:16px;background:rgba(255,255,255,.045);border:1px solid rgba(232,199,119,.12)}
.help-empty b{display:block}
.help-empty small{display:block;margin-top:4px;color:var(--muted)}
/* v6.0 Namaz Takip ve Kaza Planı */
.tracker-title h1{letter-spacing:-.035em}
.tracker-hero-card{
display:grid;grid-template-columns:1fr 128px;gap:16px;align-items:center;padding:20px;border-radius:30px;
background:radial-gradient(circle at 88% 8%,rgba(232,199,119,.18),transparent 30%),linear-gradient(145deg,rgba(18,54,45,.98),rgba(7,24,20,.98));
border:1px solid rgba(232,199,119,.16);box-shadow:0 18px 54px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.045)
}
.tracker-hero-card h2{margin:6px 0 8px;font-size:30px;letter-spacing:-.03em}
.tracker-hero-card p{margin:0;color:var(--soft);line-height:1.58}
.tracker-score-orb{
width:118px;height:118px;border-radius:999px;display:grid;place-items:center;text-align:center;padding:12px;
background:radial-gradient(circle at center,rgba(232,199,119,.14),rgba(255,255,255,.035) 66%);
border:1px solid rgba(232,199,119,.20);box-shadow:inset 0 0 32px rgba(232,199,119,.07),0 15px 40px rgba(0,0,0,.22)
}
.tracker-score-orb b{font-size:30px;color:var(--gold);line-height:1}
.tracker-score-orb small{font-size:11px;color:var(--muted);font-weight:950}
.tracker-summary-premium{margin-top:14px}
.tracker-row-premium{
border-radius:24px!important;background:linear-gradient(145deg,rgba(255,255,255,.058),rgba(255,255,255,.025))!important;
border:1px solid rgba(232,199,119,.12)!important;overflow:hidden
}
.tracker-row-premium.done{border-color:rgba(126,225,161,.24)!important}
.tracker-row-premium.qada{border-color:rgba(232,199,119,.25)!important}
.tracker-status-pill{border-radius:999px;padding:8px 10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);font-weight:950;color:var(--muted)}
.tracker-status-pill.done{color:#bdf5cb;background:rgba(126,225,161,.11);border-color:rgba(126,225,161,.24)}
.tracker-status-pill.remind{color:var(--gold);background:rgba(232,199,119,.10);border-color:rgba(232,199,119,.22)}
.tracker-status-pill.qada{color:#ffe0ad;background:rgba(232,165,80,.12);border-color:rgba(232,165,80,.25)}
.tracker-status-pill.pending{color:var(--muted)}
.status-actions{grid-template-columns:repeat(4,1fr)!important}
.status-actions button.pending.active{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14)}
.qada-card-premium{margin-top:14px;padding:18px;border-radius:28px;background:linear-gradient(145deg,rgba(232,199,119,.10),rgba(255,255,255,.03));border:1px solid rgba(232,199,119,.14)}
.qada-head{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:start}
.qada-head h2{margin:6px 0 8px}
.qada-head p{margin:0;color:var(--soft);line-height:1.55}
#qadaModeBadge{border-radius:999px;padding:9px 12px;background:rgba(232,199,119,.10);border:1px solid rgba(232,199,119,.18);color:var(--gold);font-size:12px;font-weight:950;white-space:nowrap}
.qada-mini-plan{display:grid;gap:6px;margin-top:12px;border-radius:18px;padding:13px;background:rgba(0,0,0,.16);border:1px solid rgba(232,199,119,.12)}
.qada-mini-plan b{color:var(--gold)}
.qada-mini-plan span{color:var(--soft);line-height:1.5}
.weekly-preview-premium{margin-top:14px;padding:18px;border-radius:28px;background:linear-gradient(145deg,rgba(18,54,45,.98),rgba(7,24,20,.98));border:1px solid rgba(232,199,119,.12)}
.weekly-preview-premium h2{margin:6px 0 8px}
.weekly-preview-premium p{margin:0;color:var(--soft);line-height:1.55}
.weekly-tracker-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin-top:14px}
.weekly-tracker-grid article{border-radius:16px;padding:9px 7px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07);text-align:center}
.weekly-tracker-grid article.good{background:rgba(126,225,161,.10);border-color:rgba(126,225,161,.22)}
.weekly-tracker-grid article.qada{background:rgba(232,199,119,.09);border-color:rgba(232,199,119,.22)}
.weekly-tracker-grid small{display:block;color:var(--muted);font-size:10px;font-weight:950;margin-bottom:5px}
.weekly-tracker-grid b{font-size:13px}
.weekly-tracker-grid i{display:block;height:7px;border-radius:999px;background:rgba(0,0,0,.24);overflow:hidden;margin-top:7px}
.weekly-tracker-grid i span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#c79539,#f3d983)}
.tracker-insight-card{margin-top:14px;padding:18px;border-radius:28px;background:radial-gradient(circle at 90% 0%,rgba(232,199,119,.12),transparent 34%),linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border:1px solid rgba(232,199,119,.12)}
.tracker-insight-card h2{margin:6px 0 8px}
.tracker-insight-card p{margin:0;color:var(--soft);line-height:1.6}
@media(max-width:720px){
.tracker-hero-card,.qada-head{grid-template-columns:1fr}
.tracker-score-orb{width:112px;height:112px}
.weekly-tracker-grid{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:430px){
.tracker-hero-card{border-radius:26px;padding:18px}
.status-actions{grid-template-columns:repeat(2,1fr)!important}
.weekly-tracker-grid{grid-template-columns:repeat(2,1fr)}
}
/* v6.1 Tema ve Kişiselleştirme */
body.theme-light{
--bg:#f6f0df;--bg2:#eee3c6;--card:#fff8e8;--card2:#f1e4c1;--line:rgba(93,67,20,.16);
--gold:#8a641f;--gold2:#b9873b;--text:#16251f;--muted:#617067;--soft:#33423a;--shadow:0 18px 45px rgba(84,62,24,.16)
}
body.theme-light{background:radial-gradient(circle at 15% -10%,rgba(185,135,59,.18),transparent 34%),linear-gradient(180deg,#f6f0df 0%,#efe4ca 100%)}
body.theme-light .topbar{background:linear-gradient(180deg,rgba(246,240,223,.96),rgba(246,240,223,.78));border-bottom-color:rgba(93,67,20,.12)}
body.theme-light .bottom-nav{background:rgba(246,240,223,.90);border-color:rgba(93,67,20,.12)}
body.theme-light input,body.theme-light select,body.theme-light textarea{color:#16251f!important}
body.theme-night{
--bg:#020908;--bg2:#05110f;--card:#071713;--card2:#0c211b;--line:rgba(116,97,48,.17);
--gold:#d2ad58;--gold2:#9f7333;--text:#f3ead5;--muted:#94a69b;--soft:#c8d8ce;--shadow:0 22px 70px rgba(0,0,0,.50)
}
body.theme-night{background:radial-gradient(circle at 20% -10%,rgba(210,173,88,.10),transparent 35%),linear-gradient(180deg,#020908 0%,#061512 100%)}
body.theme-night .ambient{opacity:.24}
body.theme-simple{
--bg:#071512;--bg2:#0b1b17;--card:#0f241f;--card2:#132c25;--line:rgba(255,255,255,.10);
--gold:#d8bc70;--gold2:#a77d3d;--text:#f5edda;--muted:#b5c2b9;--soft:#d5e1d8;--shadow:0 12px 36px rgba(0,0,0,.24)
}
body.theme-simple .ambient,body.theme-simple .home-premium-hero:after,body.theme-simple .qibla-smart-card:before,body.theme-simple .zikr-premium-card:before{display:none!important}
body.theme-simple *{animation-duration:.01ms!important}
body.font-large{font-size:17px}
body.font-large .page-title h1,body.font-large .home-premium-top h1{letter-spacing:-.035em}
body.font-compact{font-size:14px}
body.density-compact .hv-app{padding-inline:10px}
body.density-compact .özenli-surface,body.density-compact .home-premium-hero,body.density-compact .form-card,body.density-compact .notification-card,body.density-compact .personalization-card{padding:14px!important;border-radius:22px!important}
body.motion-reduced *,body.motion-reduced *:before,body.motion-reduced *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
body.home-focused .home-premium-shortcuts,body.home-focused .home-prayer-list{display:none!important}
body.home-minimal .home-premium-shortcuts,body.home-minimal .home-prayer-list,body.home-minimal .home-spiritual-card,body.home-minimal .premium-metrics{display:none!important}
body.home-minimal .home-premium-stage{grid-template-columns:1fr!important}
body.home-minimal .home-premium-copy{display:none!important}
.personalization-card{
padding:20px;border-radius:30px;background:
radial-gradient(circle at 88% 8%,rgba(232,199,119,.15),transparent 30%),
linear-gradient(145deg,rgba(18,54,45,.98),rgba(7,24,20,.98));
border:1px solid rgba(232,199,119,.14);box-shadow:0 18px 54px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.045)
}
.personalization-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}
.personalization-head h2{margin:6px 0 8px;font-size:28px;letter-spacing:-.025em}
.personalization-head p{margin:0;color:var(--soft);line-height:1.55}
#activeThemeBadge{border-radius:999px;padding:9px 12px;background:rgba(232,199,119,.10);border:1px solid rgba(232,199,119,.18);color:var(--gold);font-size:12px;white-space:nowrap}
.theme-choice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
.theme-choice-grid button{min-height:96px;border-radius:22px;border:1px solid rgba(232,199,119,.13);background:rgba(255,255,255,.05);color:var(--text);display:grid;place-items:center;gap:4px;padding:10px;font-weight:950}
.theme-choice-grid button.active{background:rgba(232,199,119,.14);border-color:rgba(232,199,119,.36);box-shadow:0 0 0 4px rgba(232,199,119,.04)}
.theme-choice-grid button span{width:34px;height:34px;border-radius:999px;border:2px solid rgba(255,255,255,.22)}
.theme-choice-grid button[data-theme-choice="classic"] span{background:linear-gradient(135deg,#12362d,#e8c777)}
.theme-choice-grid button[data-theme-choice="light"] span{background:linear-gradient(135deg,#f6f0df,#8a641f)}
.theme-choice-grid button[data-theme-choice="night"] span{background:linear-gradient(135deg,#020908,#d2ad58)}
.theme-choice-grid button[data-theme-choice="simple"] span{background:linear-gradient(135deg,#071512,#d8bc70)}
.theme-choice-grid small{color:var(--muted);font-size:11px;font-weight:850}
.personalization-options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px}
.personalization-options-grid label{display:grid;gap:8px;color:var(--muted);font-weight:900}
.personalization-options-grid select{min-height:50px;border-radius:18px;border:1px solid rgba(232,199,119,.13);background:rgba(0,0,0,.18);color:var(--text);padding:0 13px;font:inherit;font-weight:900;outline:none}
.personalization-options-grid option{background:#f6f0df;color:#071b16;font-weight:900}
.personalization-preview{margin-top:14px;border-radius:24px;padding:16px;background:linear-gradient(145deg,rgba(232,199,119,.13),rgba(255,255,255,.04));border:1px solid rgba(232,199,119,.16)}
.personalization-preview h3{margin:6px 0 8px;font-size:24px}
.personalization-preview p{margin:0 0 12px;color:var(--soft);line-height:1.5}
@media(max-width:720px){.theme-choice-grid{grid-template-columns:repeat(2,1fr)}.personalization-head{display:block}.personalization-head #activeThemeBadge{display:inline-flex;margin-top:10px}}
@media(max-width:430px){.personalization-options-grid{grid-template-columns:1fr}.personalization-card{padding:18px;border-radius:28px}}
/* v6.2.4 Sabit Kâbe işareti */
.qibla-kaaba-dot{
position:absolute!important;
top:16px!important;
left:50%!important;
transform:translateX(-50%)!important;
z-index:5!important;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
gap:4px!important;
min-width:84px!important;
min-height:76px!important;
padding:10px 14px!important;
border-radius:24px!important;
background:linear-gradient(180deg,rgba(255,252,244,.98),rgba(245,236,208,.96))!important;
border:1px solid rgba(199,149,57,.34)!important;
box-shadow:0 16px 34px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.75)!important;
color:#3b2a00!important;
text-align:center!important;
}
.qibla-kaaba-dot::after{
content:"";
position:absolute;
left:50%;
bottom:-10px;
transform:translateX(-50%);
width:18px;
height:12px;
background:linear-gradient(180deg,rgba(245,236,208,.96),rgba(231,216,173,.96));
clip-path:polygon(50% 100%,0 0,100% 0);
filter:drop-shadow(0 6px 8px rgba(0,0,0,.12));
}
.qibla-kaaba-dot span{
width:34px!important;
height:34px!important;
border-radius:999px!important;
display:grid!important;
place-items:center!important;
background:linear-gradient(180deg,rgba(232,199,119,.34),rgba(232,199,119,.14))!important;
border:1px solid rgba(199,149,57,.24)!important;
font-size:20px!important;
line-height:1!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.52)!important;
}
.qibla-kaaba-dot b{
display:block!important;
font-size:12px!important;
font-weight:950!important;
line-height:1.1!important;
letter-spacing:.02em!important;
color:#3b2a00!important;
}
.qibla-kaaba-icon{display:none!important;opacity:0!important;pointer-events:none!important}
.qibla-compass-disc-full .qibla-arrow{z-index:4}
/* v6.2.5 premium qibla refinement */
.qibla-premium-title{
margin-bottom:14px;
}
.qibla-premium-title h1{
letter-spacing:-.04em;
}
.qibla-premium-title p{
max-width:760px;
color:rgba(248,241,223,.82);
}
.qibla-smart-card{
background:
radial-gradient(circle at 14% 8%,rgba(232,199,119,.25),transparent 30%),
radial-gradient(circle at 84% 10%,rgba(123,220,173,.14),transparent 28%),
linear-gradient(160deg,rgba(25,68,56,.99),rgba(6,24,20,.99))!important;
box-shadow:0 30px 90px rgba(0,0,0,.40),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.qibla-smart-card:before{
right:20px;
top:14px;
font-size:128px;
color:rgba(232,199,119,.05);
}
.qibla-compass-head{
align-items:flex-start;
gap:16px;
}
.qibla-compass-head > div{
max-width:640px;
}
.qibla-compass-head .pill{
padding:12px 14px;
font-weight:900;
box-shadow:0 8px 24px rgba(0,0,0,.14);
}
.qibla-panel-mini-note{
display:inline-flex;
margin-top:10px;
color:var(--gold);
font-size:12px;
font-weight:800;
letter-spacing:.02em;
}
.qibla-smart-stage{
gap:20px;
margin-top:18px;
}
.qibla-focus-wrap{
padding:68px 8px 22px;
}
.qibla-compass-disc-full{
width:min(82vw,392px);
height:min(82vw,392px);
overflow:visible;
position:relative;
}
.qibla-compass-disc-full:before{
content:"";
position:absolute;
inset:18px;
border-radius:999px;
border:1px dashed rgba(232,199,119,.10);
pointer-events:none;
}
.qibla-compass-disc-full:after{
content:"";
position:absolute;
inset:46px;
border-radius:999px;
border:1px solid rgba(255,255,255,.05);
box-shadow:inset 0 0 0 1px rgba(232,199,119,.04);
pointer-events:none;
}
.qibla-compass-disc-full .qibla-mark{
font-size:15px;
text-shadow:0 4px 16px rgba(0,0,0,.22);
}
.qibla-compass-disc-full .qibla-mark-n{top:48px;}
.qibla-compass-disc-full .qibla-mark-e{right:24px;}
.qibla-compass-disc-full .qibla-mark-s{bottom:22px;}
.qibla-compass-disc-full .qibla-mark-w{left:24px;}
.qibla-compass-glow{
inset:16%;
background:radial-gradient(circle,rgba(232,199,119,.10),rgba(232,199,119,.03) 55%,transparent 70%);
filter:blur(12px);
}
.qibla-kaaba-dot{
position:absolute;
top:-26px;
left:50%;
transform:translateX(-50%);
min-width:110px;
padding:12px 16px 14px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:8px;
border-radius:28px;
background:linear-gradient(180deg,#fff7de,#f3e3b3 96%);
border:1px solid rgba(232,199,119,.42);
color:#4f3910;
box-shadow:0 18px 42px rgba(0,0,0,.24),0 0 0 8px rgba(232,199,119,.06);
z-index:8;
}
.qibla-kaaba-dot:after{
content:"";
position:absolute;
left:50%;
bottom:-10px;
width:18px;
height:18px;
transform:translateX(-50%) rotate(45deg);
background:#f3e3b3;
border-right:1px solid rgba(232,199,119,.34);
border-bottom:1px solid rgba(232,199,119,.34);
border-bottom-right-radius:5px;
}
.qibla-kaaba-dot span{
display:grid;
place-items:center;
width:48px;
height:48px;
border-radius:16px;
background:linear-gradient(180deg,rgba(255,246,220,.92),rgba(232,211,156,.96));
box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 8px 16px rgba(110,82,24,.14);
font-size:27px;
line-height:1;
}
.qibla-kaaba-dot b{
font-size:16px;
line-height:1;
font-weight:950;
letter-spacing:-.01em;
}
.qibla-arrow{
width:10px;
height:96px;
transform:translate(-50%,-92%) rotate(0deg);
transform-origin:50% 92%;
border-radius:999px;
background:linear-gradient(180deg,#f7e49f,#e8c777 62%,#cc9a48);
box-shadow:0 0 0 1px rgba(232,199,119,.10),0 12px 28px rgba(232,199,119,.22);
z-index:3;
}
.qibla-arrow:before{
top:-18px;
border-left:13px solid transparent;
border-right:13px solid transparent;
border-bottom:22px solid #fff4c8;
filter:drop-shadow(0 3px 6px rgba(0,0,0,.10));
}
.qibla-arrow:after{
content:"";
position:absolute;
left:50%;
top:-6px;
width:34px;
height:34px;
transform:translateX(-50%);
border-radius:999px;
background:radial-gradient(circle,rgba(255,241,193,.30),rgba(255,241,193,0));
pointer-events:none;
}
.qibla-center-dot{
width:20px;
height:20px;
background:linear-gradient(180deg,#f7e49f,#d6aa5b);
box-shadow:0 0 0 7px rgba(232,199,119,.13),0 0 32px rgba(232,199,119,.15);
z-index:4;
}
.qibla-live-panel{
min-height:270px;
border-radius:32px;
padding:22px;
background:linear-gradient(155deg,rgba(255,255,255,.09),rgba(255,255,255,.03));
box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 20px 50px rgba(0,0,0,.18);
}
.qibla-live-panel h3{
margin-top:6px;
font-size:32px;
}
.qibla-live-panel p{
color:rgba(248,241,223,.86);
}
.qibla-turn-meter i{
height:14px;
}
.qibla-calibration-hint{
background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));
border-color:rgba(232,199,119,.16);
}
.qibla-smart-info,
.qibla-premium-strip{
gap:12px;
}
.qibla-smart-info article,
.qibla-premium-strip article{
border-radius:22px!important;
backdrop-filter:blur(6px);
-webkit-backdrop-filter:blur(6px);
}
.qibla-smart-info article:first-child,
.qibla-premium-strip article:first-child{
background:linear-gradient(180deg,rgba(232,199,119,.15),rgba(255,255,255,.04))!important;
}
.qibla-smart-calibration{
margin-top:16px;
border-radius:28px!important;
background:linear-gradient(155deg,rgba(255,255,255,.08),rgba(255,255,255,.03))!important;
}
.qibla-smart-calibration span{
box-shadow:0 12px 24px rgba(0,0,0,.12);
}
.qibla-smart-chips span{
padding:11px 13px!important;
border-radius:999px;
font-weight:800;
}
.qibla-actions-full{
margin-top:16px;
}
.qibla-actions-full .primary,
.qibla-actions-full .secondary{
min-height:54px;
}
@media (max-width:760px){
.qibla-smart-stage{grid-template-columns:1fr;}
.qibla-focus-wrap{order:1;padding-top:64px;}
.qibla-live-panel{order:2;min-height:auto;}
}
@media (max-width:420px){
.qibla-focus-wrap{padding-top:58px;}
.qibla-compass-disc-full{width:min(86vw,342px);height:min(86vw,342px);}
.qibla-kaaba-dot{top:-22px;min-width:102px;padding:10px 14px 12px;}
.qibla-kaaba-dot span{width:44px;height:44px;font-size:24px;}
.qibla-kaaba-dot b{font-size:15px;}
.qibla-arrow{height:88px;}
.qibla-live-panel h3{font-size:28px;}
}
/* v6.2.7 qibla arrow rotation + transparent kaaba fix */
.qibla-focus-wrap{padding:92px 8px 24px!important;}
.qibla-compass-disc-full{overflow:visible!important;}
.qibla-kaaba-dot{
position:absolute!important;
top:-34px!important;
left:50%!important;
transform:translateX(-50%)!important;
width:60px!important;
height:60px!important;
min-width:60px!important;
min-height:60px!important;
padding:0!important;
display:grid!important;
place-items:center!important;
background:transparent!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
z-index:8!important;
}
.qibla-kaaba-dot:after,.qibla-kaaba-dot::after{display:none!important;content:none!important;}
.qibla-kaaba-dot span,.qibla-kaaba-dot b{display:none!important;}
.qibla-kaaba-dot img{
display:block!important;
width:56px!important;
height:56px!important;
object-fit:contain!important;
filter:drop-shadow(0 10px 14px rgba(0,0,0,.24)) drop-shadow(0 2px 6px rgba(232,199,119,.12));
}
.qibla-compass-disc-full .qibla-arrow{
z-index:6!important;
width:10px!important;
height:118px!important;
transform-origin:50% 92%!important;
}
.qibla-compass-disc-full .qibla-arrow:before{
top:-20px!important;
border-left:14px solid transparent!important;
border-right:14px solid transparent!important;
border-bottom:24px solid #fff4c8!important;
}
.qibla-compass-disc-full .qibla-center-dot{z-index:7!important;}
@media (max-width:420px){
.qibla-focus-wrap{padding-top:84px!important;}
.qibla-kaaba-dot{top:-30px!important;width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important;}
.qibla-kaaba-dot img{width:50px!important;height:50px!important;}
.qibla-compass-disc-full .qibla-arrow{height:108px!important;}
}
/* v6.2.8 bigger premium transparent Kaaba marker */
.qibla-focus-wrap{padding-top:112px!important;}
.qibla-kaaba-dot{
top:-48px!important;
width:108px!important;
height:108px!important;
min-width:108px!important;
min-height:108px!important;
background:transparent!important;
border:none!important;
box-shadow:none!important;
filter:none!important;
}
.qibla-kaaba-dot img{
width:102px!important;
height:102px!important;
object-fit:contain!important;
filter:drop-shadow(0 14px 18px rgba(0,0,0,.28)) drop-shadow(0 1px 3px rgba(235,200,106,.12))!important;
}
.qibla-compass-disc-full .qibla-mark-n{top:74px!important;}
@media (max-width:420px){
.qibla-focus-wrap{padding-top:100px!important;}
.qibla-kaaba-dot{top:-40px!important;width:94px!important;height:94px!important;min-width:94px!important;min-height:94px!important;}
.qibla-kaaba-dot img{width:90px!important;height:90px!important;}
.qibla-compass-disc-full .qibla-mark-n{top:66px!important;}
}
/* v6.3.6 premium qibla card + premium Kaaba photo */
.qibla-smart-card{
background:
radial-gradient(circle at 12% 0%, rgba(242,214,135,.22), transparent 26%),
radial-gradient(circle at 88% 0%, rgba(255,255,255,.05), transparent 22%),
linear-gradient(180deg, rgba(19,49,41,.99), rgba(7,22,18,.99)) !important;
}
.qibla-smart-stage{gap:20px!important;align-items:stretch!important;}
.qibla-focus-wrap{padding-top:118px!important;padding-bottom:28px!important;}
.qibla-compass-disc-full{
width:min(80vw,392px)!important;
height:min(80vw,392px)!important;
background:
radial-gradient(circle at 50% 38%, rgba(255,255,255,.09), rgba(255,255,255,.02) 44%, rgba(0,0,0,.08) 72%),
linear-gradient(180deg, rgba(35,70,58,.96), rgba(12,36,29,.98)) !important;
border:1px solid rgba(232,199,119,.16)!important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 30px 60px rgba(0,0,0,.34), 0 0 0 14px rgba(232,199,119,.04) !important;
}
.qibla-compass-disc-full:before{
content:"";position:absolute;inset:18px;border-radius:999px;border:1px solid rgba(255,255,255,.05);pointer-events:none;
}
.qibla-compass-disc-full:after{
content:"";position:absolute;inset:40px;border-radius:999px;border:1px dashed rgba(232,199,119,.11);pointer-events:none;
}
.qibla-kaaba-dot{
top:-54px!important;left:50%!important;transform:translateX(-50%)!important;
width:118px!important;height:118px!important;min-width:118px!important;min-height:118px!important;
padding:0!important;background:transparent!important;border:none!important;box-shadow:none!important;display:grid!important;place-items:center!important;z-index:5!important;
}
.qibla-kaaba-dot img{
width:114px!important;height:114px!important;object-fit:contain!important;background:transparent!important;
filter: drop-shadow(0 18px 22px rgba(0,0,0,.30)) drop-shadow(0 2px 4px rgba(232,199,119,.10));
}
.qibla-arrow{
width:10px!important;height:118px!important;transform:translate(-50%,-86%) rotate(0deg)!important;
background:linear-gradient(180deg, #f3d98d, #e0b651)!important;
box-shadow:0 0 0 1px rgba(232,199,119,.08), 0 10px 24px rgba(232,199,119,.18)!important;
}
.qibla-arrow:before{
top:-18px!important;border-left:14px solid transparent!important;border-right:14px solid transparent!important;border-bottom:24px solid #fff0bd!important;
}
.qibla-center-dot{width:22px!important;height:22px!important;box-shadow:0 0 0 9px rgba(232,199,119,.10)!important;z-index:4!important;}
.qibla-mark-n{top:78px!important;}
.qibla-live-panel-luxe{
position:relative;overflow:hidden;min-height:unset!important;border-radius:32px!important;padding:22px!important;
background:
linear-gradient(180deg, rgba(255,255,255,.085), rgba(255,255,255,.03)),
radial-gradient(circle at top right, rgba(232,199,119,.10), transparent 34%),
linear-gradient(160deg, rgba(18,47,39,.96), rgba(9,26,22,.98)) !important;
border:1px solid rgba(232,199,119,.16)!important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 18px 40px rgba(0,0,0,.22)!important;
}
.qibla-live-panel-luxe:before{
content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
background:linear-gradient(135deg, rgba(255,255,255,.06), transparent 38%);
}
.qibla-live-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;position:relative;z-index:1;}
.qibla-live-badge{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;background:rgba(232,199,119,.13);border:1px solid rgba(232,199,119,.18);color:var(--gold);font-size:12px;font-weight:900;white-space:nowrap;}
.qibla-panel-mini-note{display:block;margin-top:6px;max-width:440px;color:rgba(246,240,224,.72)!important;font-size:12px;line-height:1.55;}
.qibla-live-body{position:relative;z-index:1;margin-top:10px;}
.qibla-live-panel-luxe h3{margin:0 0 10px!important;font-size:clamp(26px,4vw,34px)!important;line-height:1.05!important;letter-spacing:-.04em;}
.qibla-live-panel-luxe p{margin:0!important;color:rgba(246,240,224,.86)!important;font-size:14px!important;line-height:1.65!important;}
.qibla-turn-meter-luxe{position:relative;z-index:1;margin-top:18px!important;padding:14px;border-radius:22px;background:rgba(7,20,17,.35);border:1px solid rgba(255,255,255,.05);}
.qibla-turn-meter-luxe i{height:14px!important;background:rgba(0,0,0,.28)!important;border-color:rgba(255,255,255,.06)!important;}
.qibla-turn-meter-luxe small{display:block;margin-top:3px;color:#f3e7b8!important;font-size:13px!important;font-weight:900!important;}
.qibla-live-mini-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.2fr .9fr;gap:12px;margin-top:14px;align-items:stretch;}
.qibla-calibration-hint-luxe,.qibla-source-card{
border-radius:22px;padding:16px;background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025));border:1px solid rgba(232,199,119,.10);
}
.qibla-calibration-hint-luxe{margin-top:0!important;}
.qibla-calibration-hint-luxe b{font-size:13px!important;letter-spacing:.02em;}
.qibla-calibration-hint-luxe p{font-size:12px!important;line-height:1.58!important;color:rgba(246,240,224,.72)!important;}
.qibla-source-card small{display:block;color:var(--gold);font-size:12px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;}
.qibla-source-card .qibla-source-pills{margin-top:10px!important;}
.qibla-source-card .qibla-source-pills span{background:rgba(232,199,119,.10)!important;border-color:rgba(232,199,119,.16)!important;}
.qibla-smart-info article,.qibla-premium-strip article{backdrop-filter: blur(3px);}
@media (max-width: 860px){
.qibla-live-mini-grid{grid-template-columns:1fr!important;}
}
@media (max-width: 520px){
.qibla-focus-wrap{padding-top:98px!important;padding-bottom:22px!important;}
.qibla-compass-disc-full{width:min(85vw,350px)!important;height:min(85vw,350px)!important;}
.qibla-kaaba-dot{top:-44px!important;width:96px!important;height:96px!important;min-width:96px!important;min-height:96px!important;}
.qibla-kaaba-dot img{width:92px!important;height:92px!important;}
.qibla-mark-n{top:64px!important;}
.qibla-live-panel-luxe{padding:18px!important;border-radius:28px!important;}
.qibla-live-head{flex-direction:column;align-items:flex-start;}
.qibla-live-badge{padding:8px 12px;}
.qibla-live-panel-luxe h3{font-size:28px!important;}
}
/* v6.3.0 exact Kaaba marker + premium qibla polish */
.qibla-focus-card{
background:
radial-gradient(circle at 50% 0%, rgba(232,199,119,.15), transparent 30%),
linear-gradient(180deg, rgba(15,42,35,.99), rgba(7,21,18,.99)) !important;
}
.qibla-focus-wrap{
padding:116px 8px 28px !important;
}
.qibla-compass-disc-full{
overflow:visible !important;
width:min(80vw,392px) !important;
height:min(80vw,392px) !important;
background:
radial-gradient(circle at 50% 38%, rgba(255,255,255,.10), rgba(255,255,255,.025) 44%, rgba(0,0,0,.09) 74%),
linear-gradient(180deg, rgba(39,77,64,.96), rgba(14,36,30,.98)) !important;
border:1px solid rgba(232,199,119,.18) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 32px 70px rgba(0,0,0,.36), 0 0 0 14px rgba(232,199,119,.04) !important;
}
.qibla-compass-disc-full:before{
content:""; position:absolute; inset:18px; border-radius:999px; border:1px solid rgba(255,255,255,.05); pointer-events:none;
}
.qibla-compass-disc-full:after{
content:""; position:absolute; inset:42px; border-radius:999px; border:1px dashed rgba(232,199,119,.10); pointer-events:none;
}
.qibla-compass-disc-full .qibla-mark{
color:#e9ca73 !important;
text-shadow:0 2px 10px rgba(0,0,0,.20);
}
.qibla-compass-disc-full .qibla-mark-n{top:78px !important;}
.qibla-compass-disc-full .qibla-mark-e{right:24px !important;}
.qibla-compass-disc-full .qibla-mark-s{bottom:22px !important;}
.qibla-compass-disc-full .qibla-mark-w{left:24px !important;}
.qibla-kaaba-dot,
.qibla-kaaba-dot:hover,
.qibla-kaaba-dot:focus{
position:absolute !important;
top:-66px !important;
left:50% !important;
transform:translateX(-50%) !important;
width:128px !important;
height:128px !important;
min-width:128px !important;
min-height:128px !important;
padding:0 !important;
background:transparent !important;
border:none !important;
box-shadow:none !important;
display:grid !important;
place-items:center !important;
z-index:3 !important;
}
.qibla-kaaba-dot::before,
.qibla-kaaba-dot::after,
.qibla-kaaba-dot span,
.qibla-kaaba-dot b{
display:none !important;
content:none !important;
}
.qibla-kaaba-dot img{
width:124px !important;
height:124px !important;
object-fit:contain !important;
background:transparent !important;
filter:drop-shadow(0 16px 20px rgba(0,0,0,.28));
}
.qibla-compass-disc-full .qibla-arrow{
width:10px !important;
height:112px !important;
z-index:6 !important;
transform:translate(-50%,-92%) rotate(0deg);
transform-origin:50% 92% !important;
background:linear-gradient(180deg,#f6dfa0,#dfb85d) !important;
box-shadow:0 0 0 1px rgba(232,199,119,.10), 0 12px 24px rgba(232,199,119,.16) !important;
}
.qibla-compass-disc-full .qibla-arrow:before{
top:-18px !important;
border-left:14px solid transparent !important;
border-right:14px solid transparent !important;
border-bottom:22px solid #fff2c3 !important;
}
.qibla-compass-disc-full .qibla-arrow:after{display:none !important;}
.qibla-compass-disc-full .qibla-center-dot{
width:22px !important;
height:22px !important;
z-index:7 !important;
box-shadow:0 0 0 8px rgba(232,199,119,.10) !important;
}
.qibla-live-panel-luxe{
position:relative;
overflow:hidden;
min-height:unset !important;
border-radius:30px !important;
padding:22px !important;
background:
linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03)),
radial-gradient(circle at top right, rgba(232,199,119,.10), transparent 36%),
linear-gradient(160deg, rgba(18,47,39,.97), rgba(8,23,19,.98)) !important;
border:1px solid rgba(232,199,119,.14) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 20px 44px rgba(0,0,0,.22) !important;
}
.qibla-live-panel-luxe:before{
content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; background:linear-gradient(135deg, rgba(255,255,255,.05), transparent 40%);
}
.qibla-live-badge{
background:rgba(232,199,119,.13) !important;
border:1px solid rgba(232,199,119,.18) !important;
color:var(--gold) !important;
}
.qibla-live-panel-luxe h3{
margin:0 0 10px !important;
font-size:clamp(26px,4vw,34px) !important;
line-height:1.06 !important;
letter-spacing:-.04em;
}
.qibla-live-panel-luxe p{color:rgba(246,240,224,.84) !important;}
.qibla-turn-meter-luxe{margin-top:18px !important; padding:14px; border-radius:22px; background:rgba(7,20,17,.34); border:1px solid rgba(255,255,255,.05);}
.qibla-turn-meter-luxe i{height:14px !important; background:rgba(0,0,0,.28) !important; border-color:rgba(255,255,255,.06) !important;}
.qibla-turn-meter-luxe small{display:block; margin-top:3px; color:#f2e3ae !important; font-size:13px !important; font-weight:900 !important;}
.qibla-live-mini-grid{display:grid; grid-template-columns:1.2fr .9fr; gap:12px; margin-top:14px;}
.qibla-calibration-hint-luxe,.qibla-source-card{
border-radius:22px; padding:16px; background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025)); border:1px solid rgba(232,199,119,.10);
}
.qibla-source-card small{display:block; color:var(--gold); font-size:12px; font-weight:900; letter-spacing:.04em; text-transform:uppercase;}
.qibla-source-card .qibla-source-pills{margin-top:10px !important;}
.qibla-source-card .qibla-source-pills span{background:rgba(232,199,119,.10) !important; border-color:rgba(232,199,119,.16) !important;}
.qibla-smart-info article,.qibla-premium-strip article{backdrop-filter: blur(3px);}
@media (max-width:860px){
.qibla-live-mini-grid{grid-template-columns:1fr !important;}
}
@media (max-width:520px){
.qibla-focus-wrap{padding-top:100px !important; padding-bottom:24px !important;}
.qibla-compass-disc-full{width:min(84vw,350px) !important; height:min(84vw,350px) !important;}
.qibla-kaaba-dot{top:-56px !important; width:112px !important; height:112px !important; min-width:112px !important; min-height:112px !important;}
.qibla-kaaba-dot img{width:108px !important; height:108px !important;}
.qibla-compass-disc-full .qibla-mark-n{top:70px !important;}
.qibla-compass-disc-full .qibla-arrow{height:100px !important;}
.qibla-live-panel-luxe{padding:18px !important; border-radius:28px !important;}
.qibla-live-head{flex-direction:column; align-items:flex-start;}
.qibla-live-panel-luxe h3{font-size:28px !important;}
}
/* v6.3.2 qibla icon size + arrow motion + cache refresh */
.qibla-focus-wrap{
padding:104px 8px 28px !important;
}
.qibla-kaaba-dot,
.qibla-kaaba-dot:hover,
.qibla-kaaba-dot:focus{
top:-56px !important;
width:116px !important;
height:116px !important;
min-width:116px !important;
min-height:116px !important;
}
.qibla-kaaba-dot img{
width:112px !important;
height:112px !important;
object-fit:contain !important;
background:transparent !important;
filter:drop-shadow(0 12px 16px rgba(0,0,0,.24));
}
.qibla-compass-disc-full .qibla-mark-n{top:72px !important;}
.qibla-compass-disc-full .qibla-arrow{
width:10px !important;
height:118px !important;
will-change:transform !important;
transition:transform .22s ease-out !important;
z-index:6 !important;
}
.qibla-compass-disc-full .qibla-arrow:before{
top:-19px !important;
}
@media (max-width: 520px){
.qibla-focus-wrap{padding:96px 8px 24px !important;}
.qibla-kaaba-dot,
.qibla-kaaba-dot:hover,
.qibla-kaaba-dot:focus{
top:-50px !important;
width:102px !important;
height:102px !important;
min-width:102px !important;
min-height:102px !important;
}
.qibla-kaaba-dot img{width:98px !important;height:98px !important;}
.qibla-compass-disc-full .qibla-mark-n{top:66px !important;}
.qibla-compass-disc-full .qibla-arrow{height:108px !important;}
}
/* v6.3.3 lighter Kaaba icon asset + slightly smaller size */
.qibla-kaaba-dot,
.qibla-kaaba-dot:hover,
.qibla-kaaba-dot:focus{
top:-52px !important;
width:102px !important;
height:102px !important;
min-width:102px !important;
min-height:102px !important;
}
.qibla-kaaba-dot img{
width:98px !important;
height:98px !important;
object-fit:contain !important;
image-rendering:auto;
filter:drop-shadow(0 10px 14px rgba(0,0,0,.22));
}
.qibla-compass-disc-full .qibla-mark-n{top:68px !important;}
@media (max-width: 520px){
.qibla-kaaba-dot,
.qibla-kaaba-dot:hover,
.qibla-kaaba-dot:focus{
top:-46px !important;
width:92px !important;
height:92px !important;
min-width:92px !important;
min-height:92px !important;
}
.qibla-kaaba-dot img{
width:88px !important;
height:88px !important;
}
.qibla-compass-disc-full .qibla-mark-n{top:62px !important;}
}
/* v6.3.6 qibla arrow movement hard-fix + smaller light icon */
.qibla-focus-wrap{padding-top:92px !important;}
.qibla-kaaba-dot,
.qibla-kaaba-dot:hover,
.qibla-kaaba-dot:focus{
top:-44px !important;
width:88px !important;
height:88px !important;
min-width:88px !important;
min-height:88px !important;
}
.qibla-kaaba-dot img{
width:84px !important;
height:84px !important;
object-fit:contain !important;
background:transparent !important;
filter:drop-shadow(0 8px 12px rgba(0,0,0,.20));
}
.qibla-compass-disc-full .qibla-mark-n{top:60px !important;}
.qibla-compass-disc-full .qibla-arrow{
width:10px !important;
height:118px !important;
transform-origin:50% 92% !important;
will-change:transform !important;
transition:transform .18s linear !important;
z-index:6 !important;
}
.qibla-compass-disc-full .qibla-arrow:before{top:-19px !important;}
@media (max-width:520px){
.qibla-focus-wrap{padding-top:86px !important;}
.qibla-kaaba-dot,
.qibla-kaaba-dot:hover,
.qibla-kaaba-dot:focus{
top:-40px !important;
width:78px !important;
height:78px !important;
min-width:78px !important;
min-height:78px !important;
}
.qibla-kaaba-dot img{width:74px !important;height:74px !important;}
.qibla-compass-disc-full .qibla-mark-n{top:56px !important;}
.qibla-compass-disc-full .qibla-arrow{height:108px !important;}
}
/* v6.3.6 qibla arrow real-motion fix + smaller icon */
.qibla-kaaba-dot,
.qibla-kaaba-dot:hover,
.qibla-kaaba-dot:focus{
top:-38px !important;
width:78px !important;
height:78px !important;
min-width:78px !important;
min-height:78px !important;
}
.qibla-kaaba-dot img{
width:74px !important;
height:74px !important;
object-fit:contain !important;
background:transparent !important;
filter:drop-shadow(0 7px 10px rgba(0,0,0,.18));
}
.qibla-focus-wrap{padding-top:84px !important;}
.qibla-compass-disc-full .qibla-mark-n{top:54px !important;}
.qibla-compass-disc-full .qibla-arrow,
.qibla-arrow#qiblaArrowFull,
#qiblaArrowFull{
transform:translate(-50%,-92%) rotate(var(--qibla-rot,0deg)) !important;
transform-origin:50% 92% !important;
will-change:transform !important;
transition:transform .18s linear !important;
z-index:6 !important;
}
@media (max-width:520px){
.qibla-kaaba-dot,
.qibla-kaaba-dot:hover,
.qibla-kaaba-dot:focus{
top:-34px !important;
width:70px !important;
height:70px !important;
min-width:70px !important;
min-height:70px !important;
}
.qibla-kaaba-dot img{width:66px !important;height:66px !important;}
.qibla-focus-wrap{padding-top:78px !important;}
.qibla-compass-disc-full .qibla-mark-n{top:50px !important;}
}
/* v6.3.6 runtime-safe qibla arrow + zikr render fix */
.qibla-compass-disc-full .qibla-arrow,
.qibla-arrow#qiblaArrowFull,
#qiblaArrowFull{
transform:translate(-50%,-92%) rotate(var(--qibla-rot,0deg)) !important;
will-change:transform !important;
transition:transform .22s ease-out !important;
}
.qibla-kaaba-dot,
.qibla-kaaba-dot:hover,
.qibla-kaaba-dot:focus{
width:96px !important;
height:96px !important;
min-width:96px !important;
min-height:96px !important;
top:-48px !important;
}
.qibla-kaaba-dot img{
width:92px !important;
height:92px !important;
}
@media (max-width:520px){
.qibla-kaaba-dot,
.qibla-kaaba-dot:hover,
.qibla-kaaba-dot:focus{
width:88px !important;
height:88px !important;
min-width:88px !important;
min-height:88px !important;
top:-42px !important;
}
.qibla-kaaba-dot img{width:84px !important;height:84px !important;}
}
/* v6.4 Kur’an / Dua Kütüphanesi */
.library-title h1{letter-spacing:-.04em}
.library-hero-card,.library-progress-card,.library-control-card{
margin-top:14px;padding:18px;border-radius:30px;background:
radial-gradient(circle at 88% 0%,rgba(232,199,119,.15),transparent 32%),
linear-gradient(145deg,rgba(18,54,45,.98),rgba(7,24,20,.98));
border:1px solid rgba(232,199,119,.14);box-shadow:0 20px 54px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.045)
}
.library-hero-card{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center}
.library-hero-copy h2,.library-progress-card h2{margin:6px 0 8px;font-size:28px;letter-spacing:-.03em}
.library-hero-copy p,.library-progress-card p{margin:0;color:var(--soft);line-height:1.58}
.library-hero-copy small{display:block;margin-top:10px;color:var(--gold);font-weight:850}
.library-hero-actions{display:grid;gap:8px;min-width:150px}
.library-progress-card{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;background:linear-gradient(145deg,rgba(232,199,119,.10),rgba(255,255,255,.035))}
.library-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}
.library-tabs::-webkit-scrollbar{display:none}
.library-tabs button{flex:0 0 auto;border:1px solid rgba(232,199,119,.14);background:rgba(255,255,255,.05);color:var(--text);border-radius:999px;padding:10px 12px;font-weight:950}
.library-tabs button.active{background:rgba(232,199,119,.16);border-color:rgba(232,199,119,.38);color:var(--gold)}
.library-search-label{display:grid;gap:8px;color:var(--muted);font-weight:900;margin-top:8px}
.library-search-label input{min-height:50px;border-radius:18px;border:1px solid rgba(232,199,119,.13);background:rgba(0,0,0,.18);color:var(--text);padding:0 14px;font:inherit;font-weight:850;outline:none}
.library-layout{display:grid;grid-template-columns:.92fr 1.08fr;gap:14px;margin-top:14px;align-items:start}
.library-list{display:grid;gap:10px}
.library-list-item,.library-empty{border:1px solid rgba(232,199,119,.12);background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border-radius:24px;padding:15px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;box-shadow:0 12px 28px rgba(0,0,0,.14)}
.library-list-item.active{border-color:rgba(232,199,119,.42);background:linear-gradient(145deg,rgba(232,199,119,.13),rgba(255,255,255,.03))}
.library-list-item span{display:inline-flex;color:var(--gold);font-size:11px;text-transform:uppercase;letter-spacing:.10em;font-weight:950}
.library-list-item h3{margin:5px 0 4px;font-size:18px;letter-spacing:-.02em}
.library-list-item p{margin:0;color:var(--soft);font-size:13px;line-height:1.45}
.library-list-item small{display:block;margin-top:6px;color:var(--muted);font-size:11px;line-height:1.35}
.library-list-item b{color:var(--gold);font-size:22px}
.library-detail-card{position:sticky;top:86px;padding:20px!important;border-radius:30px!important;background:radial-gradient(circle at 92% 0%,rgba(232,199,119,.14),transparent 32%),linear-gradient(145deg,rgba(18,54,45,.98),rgba(7,24,20,.98))!important;border:1px solid rgba(232,199,119,.14)!important}
.library-detail-card h2{margin:6px 0 6px;font-size:30px;letter-spacing:-.035em}
#libraryDetailSource{display:block;color:var(--gold);font-weight:850;line-height:1.4}
.library-arabic{margin-top:16px;padding:18px;border-radius:24px;background:rgba(0,0,0,.18);border:1px solid rgba(232,199,119,.11);font-size:26px;line-height:1.95;text-align:right;direction:rtl;color:#fff8dc;font-family:"Traditional Arabic","Amiri","Scheherazade New",serif}
.library-latin,.library-meaning{margin:14px 0 0;color:var(--soft);line-height:1.72}
.library-latin{color:rgba(248,241,223,.92);font-weight:650}
.library-meaning{border-top:1px solid rgba(232,199,119,.10);padding-top:14px}
.library-detail-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:16px}
.library-meta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}
.library-meta-grid article{border-radius:18px;background:rgba(255,255,255,.045);border:1px solid rgba(232,199,119,.09);padding:12px;text-align:center}
.library-meta-grid small{display:block;color:var(--muted);font-size:11px;font-weight:900}
.library-meta-grid b{display:block;margin-top:4px;font-size:12px;color:var(--text)}
.library-empty{display:block;color:var(--soft)}
.library-empty b{display:block;color:var(--text);margin-bottom:4px}
@media(max-width:820px){
.library-layout{grid-template-columns:1fr}
.library-detail-card{position:relative;top:0}
.library-hero-card,.library-progress-card{grid-template-columns:1fr}
.library-hero-actions{grid-template-columns:1fr 1fr;min-width:0}
}
@media(max-width:430px){
.library-hero-actions,.library-detail-actions,.library-meta-grid{grid-template-columns:1fr}
.library-arabic{font-size:23px;padding:15px}
}
/* v6.4.1 Premium açılır alt menü */
.bottom-nav-premium{
grid-template-columns:repeat(6,minmax(0,1fr));
grid-auto-flow:initial!important;
grid-auto-columns:initial!important;
overflow:visible!important;
}
.bottom-nav-premium button{
min-width:0!important;
}
.bottom-nav-premium button[data-more-toggle] span{
background:linear-gradient(180deg,rgba(232,199,119,.16),rgba(255,255,255,.045));
color:var(--gold);
}
.bottom-nav-premium button[data-more-toggle].active,
body.more-menu-open .bottom-nav-premium button[data-more-toggle]{
background:linear-gradient(180deg,rgba(232,199,119,.22),rgba(232,199,119,.09));
color:var(--gold);
transform:translateY(-3px);
box-shadow:0 16px 34px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.05);
}
body.more-menu-open .bottom-nav-premium button[data-more-toggle] span{
transform:rotate(90deg);
border-color:rgba(232,199,119,.25);
}
.more-menu-backdrop{
position:fixed;inset:0;z-index:23;background:rgba(0,0,0,.18);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);
}
.more-menu-backdrop[hidden],.more-menu-panel[hidden]{display:none!important}
.more-menu-panel{
position:fixed;left:50%;bottom:calc(96px + var(--safe-bottom));z-index:24;transform:translateX(-50%);
width:min(520px,calc(100% - 22px));
max-height:min(62vh,520px);overflow:auto;scrollbar-width:none;
border-radius:32px;padding:14px;
background:radial-gradient(circle at 18% 0%,rgba(232,199,119,.18),transparent 32%),linear-gradient(180deg,rgba(13,48,39,.94),rgba(5,22,18,.98));
border:1px solid rgba(232,199,119,.17);
box-shadow:0 26px 70px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.05);
animation:moreMenuRise .18s ease both;
}
.more-menu-panel::-webkit-scrollbar{display:none}
@keyframes moreMenuRise{from{opacity:0;transform:translateX(-50%) translateY(14px) scale(.98)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}
.more-menu-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:2px 4px 12px}
.more-menu-head b{display:block;font-size:20px;letter-spacing:-.025em;margin-top:3px}
.more-menu-head small{padding:8px 11px;border-radius:999px;background:rgba(232,199,119,.11);border:1px solid rgba(232,199,119,.18);color:var(--gold);font-weight:950;white-space:nowrap}
.more-menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.more-menu-grid button{
position:relative;min-height:108px;border:1px solid rgba(232,199,119,.12);border-radius:24px;padding:13px 10px;
background:linear-gradient(160deg,rgba(255,255,255,.075),rgba(255,255,255,.032));color:var(--text);
display:grid;place-items:center;text-align:center;gap:5px;box-shadow:0 14px 30px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.035);
}
.more-menu-grid button span{width:42px;height:42px;border-radius:17px;display:grid;place-items:center;background:rgba(232,199,119,.10);border:1px solid rgba(232,199,119,.15);font-size:21px;color:var(--gold)}
.more-menu-grid button b{font-size:13px;font-weight:950;line-height:1.1}
.more-menu-grid button small{font-size:10.5px;line-height:1.25;color:var(--muted);font-weight:850}
.more-menu-grid button.active{background:linear-gradient(180deg,rgba(232,199,119,.18),rgba(255,255,255,.04));border-color:rgba(232,199,119,.36);color:var(--gold)}
.more-menu-grid button:active{transform:scale(.975)}
@media(max-width:520px){
.bottom-nav-premium{gap:5px;padding-inline:8px}
.bottom-nav-premium button{padding:8px 4px 7px}
.bottom-nav-premium button span{width:36px;height:36px;border-radius:15px;font-size:18px}
.bottom-nav-premium button b{font-size:11px}
.more-menu-panel{bottom:calc(92px + var(--safe-bottom));width:min(510px,calc(100% - 18px));padding:12px;border-radius:30px}
.more-menu-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.more-menu-grid button{min-height:96px;border-radius:22px;padding:11px 7px}
.more-menu-grid button span{width:38px;height:38px;border-radius:16px;font-size:19px}
}
@media(max-width:365px){
.bottom-nav-premium button b{font-size:10px}
.more-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* v6.4.4 full interface language */
.home-support-banner{margin-top:14px;width:100%;display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;text-align:left;border-radius:28px!important;padding:15px!important;background:radial-gradient(circle at 92% 5%,rgba(232,199,119,.18),transparent 34%),linear-gradient(145deg,rgba(22,55,46,.98),rgba(7,22,18,.99))!important;border:1px solid rgba(232,199,119,.16)!important;color:var(--text);box-shadow:0 16px 40px rgba(0,0,0,.20)}
.home-support-banner .home-support-icon{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:rgba(232,199,119,.12);border:1px solid rgba(232,199,119,.20);font-size:24px}
.home-support-banner b{display:block;font-size:16px}.home-support-banner small{display:block;color:var(--muted);line-height:1.35;margin-top:3px}.home-support-banner i{font-style:normal;color:var(--gold);font-weight:950;font-size:12px;white-space:nowrap}
.support-page-title p{max-width:720px}.support-luxe-hero{position:relative;overflow:hidden;margin-top:14px;padding:26px!important;border-radius:36px!important;background:radial-gradient(circle at 84% 0%,rgba(232,199,119,.24),transparent 34%),radial-gradient(circle at 18% 14%,rgba(255,255,255,.08),transparent 28%),linear-gradient(145deg,rgba(22,58,49,.985),rgba(6,20,17,.995))!important;border:1px solid rgba(232,199,119,.2)!important;box-shadow:0 30px 78px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.06);display:grid;grid-template-columns:minmax(0,1fr) 152px;gap:20px;align-items:center}.support-luxe-hero:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(232,199,119,.22),rgba(255,255,255,.02),rgba(232,199,119,.12));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.support-motif{position:absolute;right:18px;bottom:-18px;font-size:132px;color:rgba(232,199,119,.055);pointer-events:none}.support-hero-text{position:relative;z-index:1}.support-publisher-chip{margin-bottom:10px!important;padding:8px 13px;border-radius:999px;background:rgba(232,199,119,.12);border:1px solid rgba(232,199,119,.2);color:var(--gold);font-weight:950;letter-spacing:.02em}.support-name-block{display:grid;gap:3px;margin-bottom:10px}.support-luxe-hero h2{font-size:clamp(28px,7.2vw,40px);line-height:1.04;margin:0;letter-spacing:-.045em;color:var(--text)}.support-role-line{display:inline-flex;align-items:center;gap:8px;color:var(--gold);font-size:13px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;opacity:.95}.support-role-line:before{content:"✦";font-size:12px;opacity:.9}.support-luxe-hero p{margin:0;color:var(--soft);line-height:1.66;font-size:15px;max-width:58ch}.support-luxe-badges{justify-content:flex-start!important;margin-top:16px!important}.support-dua-seal{position:relative;z-index:1;min-height:152px;border-radius:38px;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 45% 24%,rgba(255,246,204,.28),rgba(232,199,119,.11) 54%,rgba(0,0,0,.16));border:1px solid rgba(232,199,119,.24);box-shadow:0 24px 56px rgba(0,0,0,.28)}.support-dua-seal:before{content:"";position:absolute;inset:14px;border-radius:28px;border:1px dashed rgba(232,199,119,.18)}.support-dua-seal>*{position:relative;z-index:1}.support-dua-seal b{font-size:42px}.support-dua-seal small{color:var(--gold);font-weight:950}.support-intention-card,.support-donation-luxe,.support-note-premium{margin-top:14px;padding:22px!important;border-radius:30px!important;background:linear-gradient(145deg,rgba(20,53,45,.98),rgba(7,22,18,.99))!important;border:1px solid rgba(232,199,119,.15)!important;box-shadow:0 22px 56px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.04)}.support-intention-card h2,.support-donation-luxe h2{margin:7px 0 10px;font-size:clamp(24px,7vw,34px);line-height:1.08;letter-spacing:-.04em}.support-intention-card p,.support-donation-luxe p,.support-note-premium p{margin:0;color:var(--soft);line-height:1.62}.support-donation-head{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:start}.support-donation-head>b{border-radius:999px;padding:12px 15px;background:rgba(232,199,119,.12);border:1px solid rgba(232,199,119,.22);color:var(--gold);font-size:18px;white-space:nowrap}.support-amount-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.support-amount-grid button{border:1px solid rgba(232,199,119,.13);border-radius:23px;background:rgba(255,255,255,.045);color:var(--text);padding:15px 10px;min-height:86px;text-align:center}.support-amount-grid button.active{background:linear-gradient(180deg,rgba(232,199,119,.18),rgba(232,199,119,.07));border-color:rgba(232,199,119,.42);box-shadow:0 0 0 4px rgba(232,199,119,.045)}.support-amount-grid b{display:block;font-size:19px;color:var(--gold)}.support-amount-grid small{display:block;margin-top:5px;color:var(--muted);font-weight:850;line-height:1.25}.support-custom-amount{display:grid;gap:8px;margin-top:14px;color:var(--muted);font-weight:900}.support-custom-amount input{min-height:54px;border-radius:19px;border:1px solid rgba(232,199,119,.16);background:rgba(0,0,0,.18);color:var(--text);font:inherit;font-weight:950;padding:0 14px;outline:none}.support-play-button{width:100%;margin-top:14px;min-height:56px;font-weight:950}.support-play-button span{margin-right:8px}.support-payment-status{display:block;margin-top:10px;color:var(--muted);line-height:1.45;font-weight:850}.support-kind-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.support-kind-grid article{padding:18px!important;border-radius:28px!important;background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.026))!important;border:1px solid rgba(232,199,119,.12)!important}.support-kind-grid span{display:grid;place-items:center;width:44px;height:44px;border-radius:17px;background:rgba(232,199,119,.12);border:1px solid rgba(232,199,119,.20);font-size:22px;margin-bottom:11px}.support-kind-grid b{display:block;font-size:16px}.support-kind-grid small{display:block;color:var(--muted);line-height:1.45;margin-top:6px}.support-note-premium{border-style:dashed!important}.support-note-premium .support-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}@media(max-width:720px){.support-luxe-hero,.support-donation-head{grid-template-columns:1fr}.support-dua-seal{max-width:180px;width:100%;margin:0 auto}.support-amount-grid,.support-kind-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:430px){.home-support-banner{grid-template-columns:46px 1fr;padding:14px!important}.home-support-banner i{grid-column:2}.support-luxe-hero,.support-intention-card,.support-donation-luxe,.support-note-premium{padding:18px!important;border-radius:28px!important}.support-amount-grid,.support-kind-grid,.support-note-premium .support-actions{grid-template-columns:1fr}.support-donation-head>b{width:max-content}.support-role-line{font-size:12px}}
/* v6.4.4 full interface language support */
body.rtl{direction:rtl;text-align:right}
body.rtl .brand,body.rtl .header-actions,body.rtl .home-premium-top,body.rtl .support-luxe-hero,body.rtl .support-donation-head,body.rtl .qibla-live-head{direction:rtl}
body.rtl .bottom-nav,body.rtl .more-menu-grid{direction:rtl}
body.rtl input,body.rtl select,body.rtl textarea{text-align:right}
body.rtl .library-detail-card,body.rtl .help-faq-list,body.rtl .support-note-premium,body.rtl .notification-card{text-align:right}
body.rtl .library-arabic{text-align:right;direction:rtl}
/* v6.4.5 language polish */
body.rtl .more-menu-panel, body.rtl .support-luxe-hero, body.rtl .library-detail-card, body.rtl .qibla-live-panel{direction:rtl;text-align:right}
body.rtl .bottom-nav{direction:rtl}
body.rtl input, body.rtl textarea, body.rtl select{direction:rtl}
/* v6.4.6 Premium Ana Sayfa Vitrini */
.screen[data-screen="today"]{padding-bottom:8px}
.home-luxe-shell{position:relative;overflow:hidden;padding:18px 16px 20px!important;border-radius:34px!important;background:radial-gradient(circle at 50% -8%,rgba(232,199,119,.18),transparent 28%),linear-gradient(180deg,#06241f 0%,#06201c 48%,#061613 100%)!important;border:1px solid rgba(232,199,119,.2)!important;box-shadow:0 30px 90px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.055)!important}.home-luxe-pattern{position:absolute;inset:0;pointer-events:none;opacity:.48;background-image:radial-gradient(circle at 18% 12%,rgba(232,199,119,.10),transparent 26%),linear-gradient(30deg,rgba(232,199,119,.055) 1px,transparent 1px),linear-gradient(150deg,rgba(232,199,119,.04) 1px,transparent 1px);background-size:auto,34px 34px,34px 34px}.home-luxe-header{position:relative;z-index:1;display:grid;grid-template-columns:48px 1fr 48px;align-items:start;gap:10px}.home-luxe-menu,.home-luxe-bell{width:48px;height:48px;border-radius:999px;border:1px solid rgba(232,199,119,.38);background:rgba(0,0,0,.18);color:var(--gold);font-size:22px;font-weight:950;display:grid;place-items:center;box-shadow:0 12px 28px rgba(0,0,0,.22)}.home-luxe-title{text-align:center;min-width:0}.home-luxe-crescent{display:block;color:var(--gold);font-size:18px;margin-bottom:1px}.home-luxe-title h1{margin:0;font-family:Georgia,'Times New Roman',serif;font-size:clamp(32px,8vw,48px);line-height:1;color:#f7d88d;letter-spacing:-.04em;text-shadow:0 3px 0 rgba(0,0,0,.12),0 10px 24px rgba(0,0,0,.26)}.home-luxe-location{margin:8px auto 0;display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:#f6ecd1;font:inherit;font-weight:900;font-size:17px}.home-luxe-location span{color:var(--gold)}.home-luxe-date-strip{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1px 1fr;align-items:center;gap:10px;margin:16px auto 14px;max-width:470px;padding:11px 16px;border-radius:999px;border:1px solid rgba(232,199,119,.23);background:rgba(2,20,17,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 14px 30px rgba(0,0,0,.22)}.home-luxe-date-strip span{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;color:#f7edd4;font-size:13px;font-weight:850;white-space:nowrap}.home-luxe-date-strip i{font-style:normal;color:var(--gold)}.home-luxe-date-strip b{overflow:hidden;text-overflow:ellipsis}.home-luxe-date-strip em{height:26px;background:rgba(232,199,119,.25)}.home-arch-hero{position:relative;z-index:1;min-height:300px;border-radius:34px 34px 30px 30px;margin-top:8px;overflow:hidden;border:1px solid rgba(232,199,119,.42);box-shadow:0 24px 58px rgba(0,0,0,.33),inset 0 0 0 1px rgba(255,255,255,.04);clip-path:polygon(0 28%,8% 28%,8% 21%,18% 21%,18% 14%,50% 0,82% 14%,82% 21%,92% 21%,92% 28%,100% 28%,100% 100%,0 100%)}.home-arch-bg{position:absolute;inset:0;background:radial-gradient(circle at 70% 62%,rgba(232,199,119,.22),transparent 24%),radial-gradient(circle at 28% 50%,rgba(255,245,194,.15),transparent 20%),linear-gradient(180deg,rgba(2,20,24,.9),rgba(3,45,44,.92) 50%,rgba(140,89,35,.25) 100%),url('data:image/svg+xml;utf8,') bottom center/cover no-repeat}.home-arch-bg:before{content:'☾';position:absolute;left:17%;top:26%;font-size:54px;color:#ffe4a4;text-shadow:0 10px 30px rgba(232,199,119,.35)}.home-arch-bg:after{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.75) 1px,transparent 1.5px);background-size:52px 52px;opacity:.15}.home-arch-border{position:absolute;inset:8px;border:2px solid rgba(245,215,140,.55);clip-path:inherit;border-radius:inherit;pointer-events:none}.home-arch-content{position:relative;z-index:1;display:grid;justify-items:center;text-align:center;padding:82px 18px 22px;min-height:300px}.home-arch-eyebrow{font-family:Georgia,serif;color:#f6e7bc;font-size:17px;margin-bottom:6px;text-shadow:0 4px 14px rgba(0,0,0,.38)}.home-arch-content h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(46px,15vw,76px);line-height:.95;margin:0;color:#ffe2a0;text-shadow:0 4px 0 rgba(0,0,0,.1),0 16px 32px rgba(0,0,0,.28)}.home-arch-content strong{display:block;font-family:Georgia,'Times New Roman',serif;font-size:clamp(54px,15vw,86px);line-height:1.02;color:#ffe6a8;text-shadow:0 4px 0 rgba(0,0,0,.1),0 16px 42px rgba(0,0,0,.36);letter-spacing:.02em}.home-arch-content small{display:flex;align-items:center;gap:10px;color:#f7ebc8;font-size:15px}.home-arch-content small i{width:58px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.home-prayer-board{position:relative;z-index:2;margin-top:14px;padding:16px!important;border-radius:28px!important;background:linear-gradient(180deg,rgba(4,53,48,.96),rgba(3,31,27,.98))!important;border:1px solid rgba(232,199,119,.30)!important;box-shadow:0 18px 44px rgba(0,0,0,.28)!important}.home-prayer-board-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:9px}.home-prayer-board-head h2{margin:5px 0 0;font-family:Georgia,serif;font-size:22px;color:#f7e9c6}.home-prayer-board-head small{font-size:15px;color:var(--muted);font-family:inherit}.home-luxe-times{display:grid!important;grid-template-columns:1fr!important;gap:0!important;margin:0!important}.home-luxe-times article{position:relative;display:grid!important;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;min-height:54px;padding:9px 14px!important;border-radius:18px!important;background:transparent!important;border:0!important;border-bottom:1px solid rgba(232,199,119,.12)!important;box-shadow:none!important;color:#f8efd6}.home-luxe-times article:last-child{border-bottom:0!important}.home-luxe-times article i{display:grid;place-items:center;width:36px;height:36px;border-radius:999px;background:rgba(232,199,119,.10);border:1px solid rgba(232,199,119,.25);color:#f0cf78;font-style:normal;font-size:19px}.home-luxe-times article small{font-family:Georgia,serif;font-size:21px;color:#f7efde;text-transform:none;letter-spacing:0;font-weight:700}.home-luxe-times article b{font-family:Georgia,serif;font-size:20px;color:#f8efdf}.home-luxe-times article em{font-style:normal;color:#51370b}.home-luxe-times article.active{background:linear-gradient(90deg,#d49a40,#ffe09a 50%,#d69a3b)!important;border-radius:18px!important;border-bottom:0!important;box-shadow:0 8px 24px rgba(212,154,64,.22),inset 0 1px 0 rgba(255,255,255,.35)!important;color:#291b07}.home-luxe-times article.active i{background:rgba(93,59,10,.18);border-color:rgba(80,51,8,.22);color:#5a3a0b}.home-luxe-times article.active small,.home-luxe-times article.active b{color:#352207}.home-luxe-actions{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.home-luxe-action{min-height:126px;border-radius:26px;border:1px solid rgba(232,199,119,.30);background:linear-gradient(180deg,rgba(5,67,58,.92),rgba(2,42,36,.96));box-shadow:0 16px 34px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.05);color:#f8edd1;padding:12px 8px;text-align:center}.home-luxe-action span{display:grid;place-items:center;font-size:32px;height:44px;margin-bottom:7px;filter:drop-shadow(0 8px 12px rgba(0,0,0,.24))}.home-luxe-action b{display:block;font-family:Georgia,serif;font-size:18px}.home-luxe-action small{display:block;color:#f0dca8;font-size:12px;margin-top:2px}.home-luxe-verse{position:relative;z-index:1;margin-top:14px;display:grid;grid-template-columns:86px 1fr 42px;align-items:center;gap:14px;padding:16px!important;border-radius:28px!important;background:radial-gradient(circle at 10% 50%,rgba(232,199,119,.16),transparent 36%),linear-gradient(180deg,rgba(4,62,54,.95),rgba(3,37,32,.98))!important;border:1px solid rgba(232,199,119,.24)!important}.home-luxe-lantern{width:78px;height:78px;border-radius:24px;display:grid;place-items:center;color:#efcf77;border:1px solid rgba(232,199,119,.25);background:radial-gradient(circle,rgba(232,199,119,.16),rgba(0,0,0,.14));font-size:44px}.home-luxe-verse h3{font-size:16px;margin:4px 0 6px;color:#f8ecd3}.home-luxe-verse p{font-family:Georgia,serif;font-size:20px;line-height:1.28;margin:0;color:#fff4db}.home-luxe-verse small{display:block;margin-top:6px;color:var(--gold);font-weight:900}.home-luxe-verse button{width:42px;height:42px;border-radius:999px;border:1px solid rgba(232,199,119,.30);background:rgba(0,0,0,.16);color:var(--gold);font-size:36px;line-height:1}.home-luxe-footer-metrics{display:none}.home-luxe-hidden-actions{display:none!important}.home-times-preview,.home-prayer-list{display:none!important}.home-support-banner{margin-top:14px!important}.bottom-nav{border-color:rgba(232,199,119,.18)!important;box-shadow:0 -18px 46px rgba(0,0,0,.42)!important;background:rgba(3,25,22,.88)!important}.bottom-nav button.active{background:linear-gradient(180deg,rgba(232,199,119,.18),rgba(232,199,119,.07))!important}.bottom-nav button.active b{color:var(--gold)!important}.bottom-nav span{color:#f0cf78!important}@media(max-width:520px){.home-luxe-shell{padding:16px 12px 18px!important;border-radius:30px!important}.home-luxe-header{grid-template-columns:42px 1fr 42px}.home-luxe-menu,.home-luxe-bell{width:42px;height:42px;font-size:20px}.home-luxe-title h1{font-size:36px}.home-luxe-location{font-size:15px}.home-luxe-date-strip{padding:10px 12px;gap:8px}.home-luxe-date-strip span{font-size:11px}.home-arch-hero{min-height:282px}.home-arch-content{min-height:282px;padding-top:78px}.home-arch-content strong{font-size:56px}.home-luxe-actions{grid-template-columns:repeat(2,1fr)}.home-luxe-action{min-height:108px}.home-luxe-verse{grid-template-columns:64px 1fr 34px}.home-luxe-lantern{width:60px;height:60px;font-size:34px}.home-luxe-verse p{font-size:17px}.home-luxe-times article{grid-template-columns:38px 1fr auto;padding:8px 10px!important}.home-luxe-times article small{font-size:18px}.home-luxe-times article b{font-size:18px}}
/* v6.4.7 Premium Ana Sayfa Rafine - tekrar başlık yok, dengeli sayaç, lüks alt menü */
.screen[data-screen="today"]{padding-top:0!important}
.screen[data-screen="today"] .home-luxe-shell{
margin-top:10px!important;
padding:14px 14px 18px!important;
border-radius:32px!important;
background:
radial-gradient(circle at 50% -18%,rgba(232,199,119,.15),transparent 28%),
radial-gradient(circle at 95% 8%,rgba(232,199,119,.08),transparent 26%),
linear-gradient(180deg,#08231e 0%,#061a17 100%)!important;
box-shadow:0 24px 70px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.045)!important;
}
.screen[data-screen="today"] .home-luxe-pattern{
opacity:.32!important;
background-image:
linear-gradient(30deg,rgba(232,199,119,.045) 1px,transparent 1px),
linear-gradient(150deg,rgba(232,199,119,.035) 1px,transparent 1px)!important;
background-size:30px 30px,30px 30px!important;
}
.screen[data-screen="today"] .home-luxe-inner-header{
display:none!important;
}
.screen[data-screen="today"] .home-luxe-date-strip{
margin:4px auto 12px!important;
max-width:430px!important;
padding:9px 14px!important;
border-color:rgba(232,199,119,.20)!important;
background:rgba(2,18,16,.50)!important;
}
.screen[data-screen="today"] .home-luxe-date-strip span{font-size:12px!important;letter-spacing:.01em}
.screen[data-screen="today"] .home-arch-hero{
min-height:228px!important;
margin-top:6px!important;
border-radius:30px 30px 28px 28px!important;
clip-path:polygon(0 30%,7% 30%,7% 24%,18% 24%,18% 18%,50% 4%,82% 18%,82% 24%,93% 24%,93% 30%,100% 30%,100% 100%,0 100%)!important;
border-color:rgba(232,199,119,.34)!important;
box-shadow:0 18px 44px rgba(0,0,0,.28), inset 0 0 0 1px rgba(255,255,255,.035)!important;
}
.screen[data-screen="today"] .home-arch-bg{
background:
radial-gradient(circle at 72% 68%,rgba(232,199,119,.16),transparent 22%),
linear-gradient(180deg,rgba(3,24,28,.92),rgba(4,43,40,.88) 54%,rgba(124,76,32,.18) 100%),
url('data:image/svg+xml;utf8,') bottom center/cover no-repeat!important;
}
.screen[data-screen="today"] .home-arch-bg:before{font-size:42px!important;left:14%!important;top:32%!important;color:#fee3a2!important;opacity:.96!important}
.screen[data-screen="today"] .home-arch-bg:after{opacity:.10!important;background-size:48px 48px!important}
.screen[data-screen="today"] .home-arch-border{inset:7px!important;border-width:1.5px!important;border-color:rgba(245,215,140,.46)!important}
.screen[data-screen="today"] .home-arch-content{
min-height:228px!important;
padding:60px 14px 18px!important;
}
.screen[data-screen="today"] .home-arch-eyebrow{
font-size:14px!important;
margin-bottom:4px!important;
color:#f2ddb0!important;
}
.screen[data-screen="today"] .home-arch-content h2{
font-size:clamp(38px,11vw,54px)!important;
line-height:.98!important;
margin-bottom:2px!important;
}
.screen[data-screen="today"] .home-arch-content strong{
font-size:clamp(42px,12vw,64px)!important;
letter-spacing:.01em!important;
line-height:1!important;
text-shadow:0 3px 0 rgba(0,0,0,.08),0 12px 28px rgba(0,0,0,.32)!important;
}
.screen[data-screen="today"] .home-arch-content small{font-size:13px!important;gap:8px!important;margin-top:3px!important}
.screen[data-screen="today"] .home-arch-content small i{width:44px!important;opacity:.75!important}
.screen[data-screen="today"] .home-prayer-board{
margin-top:12px!important;
padding:14px!important;
border-radius:26px!important;
background:linear-gradient(180deg,rgba(4,47,42,.96),rgba(3,29,26,.98))!important;
}
.screen[data-screen="today"] .home-prayer-board-head h2{font-size:20px!important;line-height:1.15!important}
.screen[data-screen="today"] .home-prayer-board-head .eyebrow{font-size:11px!important;letter-spacing:.16em!important}
.screen[data-screen="today"] .home-luxe-times article{
min-height:48px!important;
grid-template-columns:36px 1fr auto!important;
padding:7px 11px!important;
gap:10px!important;
}
.screen[data-screen="today"] .home-luxe-times article i{width:32px!important;height:32px!important;font-size:16px!important}
.screen[data-screen="today"] .home-luxe-times article small{font-size:18px!important}
.screen[data-screen="today"] .home-luxe-times article b{font-size:18px!important}
.screen[data-screen="today"] .home-luxe-times article.active{border-radius:17px!important;box-shadow:0 7px 20px rgba(212,154,64,.18),inset 0 1px 0 rgba(255,255,255,.28)!important}
.screen[data-screen="today"] .home-luxe-actions{
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:9px!important;
margin-top:12px!important;
}
.screen[data-screen="today"] .home-luxe-action{
min-height:96px!important;
border-radius:22px!important;
padding:10px 7px!important;
border-color:rgba(232,199,119,.23)!important;
background:linear-gradient(180deg,rgba(6,58,51,.90),rgba(3,38,34,.96))!important;
}
.screen[data-screen="today"] .home-luxe-action span{font-size:26px!important;height:34px!important;margin-bottom:5px!important}
.screen[data-screen="today"] .home-luxe-action b{font-size:16px!important;line-height:1.05!important}
.screen[data-screen="today"] .home-luxe-action small{font-size:11px!important;line-height:1.15!important}
.screen[data-screen="today"] .home-luxe-verse{
margin-top:12px!important;
grid-template-columns:64px 1fr 36px!important;
gap:11px!important;
padding:14px!important;
border-radius:25px!important;
}
.screen[data-screen="today"] .home-luxe-lantern{width:58px!important;height:58px!important;border-radius:20px!important;font-size:32px!important}
.screen[data-screen="today"] .home-luxe-verse h3{font-size:14px!important;margin:3px 0 5px!important}
.screen[data-screen="today"] .home-luxe-verse p{font-size:17px!important;line-height:1.25!important}
.screen[data-screen="today"] .home-luxe-verse small{font-size:12px!important}
.screen[data-screen="today"] .home-luxe-verse button{width:36px!important;height:36px!important;font-size:30px!important}
.screen[data-screen="today"] .home-support-banner{margin-top:12px!important;border-radius:25px!important;padding:13px!important}
/* Premium bottom nav: örnek tasarıma yakın, hafif ve hızlı */
.bottom-nav.bottom-nav-premium{
gap:0!important;
padding:8px 10px calc(8px + var(--safe-bottom))!important;
border-radius:30px 30px 0 0!important;
background:linear-gradient(180deg,rgba(5,38,34,.96),rgba(3,23,20,.98))!important;
border:1px solid rgba(232,199,119,.14)!important;
border-bottom:0!important;
box-shadow:0 -14px 36px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.bottom-nav.bottom-nav-premium button{
border-radius:0!important;
background:transparent!important;
min-height:62px!important;
padding:6px 4px 7px!important;
position:relative!important;
}
.bottom-nav.bottom-nav-premium button:after{
content:"";position:absolute;left:28%;right:28%;bottom:2px;height:2px;border-radius:999px;background:transparent;transition:.2s ease;
}
.bottom-nav.bottom-nav-premium button span{
width:34px!important;height:34px!important;border-radius:16px!important;
background:transparent!important;border:0!important;color:#e8c777!important;font-size:22px!important;
box-shadow:none!important;margin-bottom:2px!important;
}
.bottom-nav.bottom-nav-premium button b{font-size:12px!important;color:#e8dec8!important;font-weight:850!important;line-height:1.05!important}
.bottom-nav.bottom-nav-premium button.active span,
.bottom-nav.bottom-nav-premium button:hover span{
color:#ffd98a!important;background:rgba(232,199,119,.10)!important;border:1px solid rgba(232,199,119,.18)!important;
}
.bottom-nav.bottom-nav-premium button.active b{color:#ffd98a!important}
.bottom-nav.bottom-nav-premium button.active:after{background:linear-gradient(90deg,transparent,#e8c777,transparent)!important}
.bottom-nav.bottom-nav-premium button[data-more-toggle].active,
body.more-menu-open .bottom-nav.bottom-nav-premium button[data-more-toggle]{background:transparent!important}
@media(max-width:520px){
.screen[data-screen="today"] .home-luxe-shell{padding:12px 10px 16px!important;border-radius:28px!important}
.screen[data-screen="today"] .home-luxe-date-strip{margin-top:2px!important;padding:9px 10px!important}
.screen[data-screen="today"] .home-luxe-date-strip span{font-size:10.5px!important}
.screen[data-screen="today"] .home-arch-hero{min-height:210px!important}
.screen[data-screen="today"] .home-arch-content{min-height:210px!important;padding-top:55px!important}
.screen[data-screen="today"] .home-arch-content h2{font-size:42px!important}
.screen[data-screen="today"] .home-arch-content strong{font-size:48px!important}
.screen[data-screen="today"] .home-prayer-board-head{align-items:flex-start!important}
.screen[data-screen="today"] .home-luxe-actions{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important}
.screen[data-screen="today"] .home-luxe-action{min-height:86px!important;border-radius:19px!important;padding:8px 5px!important}
.screen[data-screen="today"] .home-luxe-action span{font-size:22px!important;height:28px!important}
.screen[data-screen="today"] .home-luxe-action b{font-size:13px!important}
.screen[data-screen="today"] .home-luxe-action small{font-size:9.5px!important}
.bottom-nav.bottom-nav-premium{padding-inline:6px!important}
.bottom-nav.bottom-nav-premium button{min-height:58px!important;padding-inline:2px!important}
.bottom-nav.bottom-nav-premium button span{width:31px!important;height:31px!important;font-size:19px!important}
.bottom-nav.bottom-nav-premium button b{font-size:10.5px!important}
}
/* v6.4.9 Namaz kılma kuralı + premium ana sayfa ikonları */
.screen[data-screen="today"] .home-worship-actions{
position:relative;
z-index:3;
display:grid;
grid-template-columns:1.05fr .95fr;
gap:10px;
margin:12px 0 14px;
padding:12px!important;
border-radius:26px!important;
background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.025)),linear-gradient(180deg,rgba(5,58,50,.96),rgba(3,32,28,.98))!important;
border:1px solid rgba(232,199,119,.23)!important;
box-shadow:0 16px 38px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.045)!important;
}
.screen[data-screen="today"] .home-worship-actions:before{
content:"";
position:absolute;
inset:8px;
border-radius:20px;
border:1px solid rgba(232,199,119,.08);
pointer-events:none;
}
.screen[data-screen="today"] .worship-done-action,
.screen[data-screen="today"] .worship-huzur-action{
min-height:62px;
border-radius:22px!important;
position:relative;
z-index:1;
}
.screen[data-screen="today"] .worship-done-action{
background:linear-gradient(135deg,#e8c777,#b9873b)!important;
color:#211604!important;
border:1px solid rgba(255,232,158,.34)!important;
box-shadow:0 12px 28px rgba(232,199,119,.16), inset 0 1px 0 rgba(255,255,255,.34)!important;
}
.screen[data-screen="today"] .worship-done-action span{
font-size:16px;
color:#211604!important;
}
.screen[data-screen="today"] .worship-done-action small{
color:rgba(33,22,4,.72)!important;
}
.screen[data-screen="today"] .worship-huzur-action{
display:grid!important;
grid-template-columns:34px 1fr;
grid-template-rows:auto auto;
align-items:center;
column-gap:8px;
padding:10px 12px!important;
background:rgba(255,255,255,.055)!important;
border:1px solid rgba(232,199,119,.18)!important;
color:#f8ecd1!important;
text-align:left;
}
.screen[data-screen="today"] .worship-huzur-action > span{
grid-row:1 / span 2;
display:grid;
place-items:center;
width:34px;
height:34px;
border-radius:999px;
background:rgba(232,199,119,.12);
color:var(--gold)!important;
}
.screen[data-screen="today"] .worship-huzur-action b{
font-size:15px;
line-height:1.05;
color:#f8ecd1!important;
}
.screen[data-screen="today"] .worship-huzur-action small{
font-size:11px;
color:rgba(248,236,209,.68)!important;
line-height:1.25;
}
.screen[data-screen="today"] .home-prayer-board{margin-top:12px!important;}
.screen[data-screen="today"] .home-luxe-actions{margin-top:12px!important;}
@media(max-width:520px){
.screen[data-screen="today"] .home-worship-actions{
grid-template-columns:1fr 1fr;
gap:8px;
padding:10px!important;
}
.screen[data-screen="today"] .worship-done-action,
.screen[data-screen="today"] .worship-huzur-action{
min-height:58px;
border-radius:20px!important;
}
.screen[data-screen="today"] .worship-done-action span{font-size:14px;}
.screen[data-screen="today"] .worship-huzur-action{grid-template-columns:30px 1fr;padding:9px 10px!important;}
.screen[data-screen="today"] .worship-huzur-action > span{width:30px;height:30px;}
.screen[data-screen="today"] .worship-huzur-action b{font-size:13px;}
.screen[data-screen="today"] .worship-huzur-action small{font-size:10px;}
}
/* v6.4.9 Kılınma kuralı, belirgin tamamlandı durumu ve görsel cila */
.screen[data-screen="today"] .home-prayer-board{
padding-bottom:14px!important;
}
.screen[data-screen="today"] .home-luxe-times article.done{
background:linear-gradient(90deg,rgba(232,199,119,.13),rgba(232,199,119,.045))!important;
border-bottom-color:rgba(232,199,119,.20)!important;
}
.screen[data-screen="today"] .home-luxe-times article.done i{
background:linear-gradient(180deg,#e8c777,#ad7c2d)!important;
color:#fff5ce!important;
box-shadow:0 8px 18px rgba(232,199,119,.18), inset 0 1px 0 rgba(255,255,255,.35)!important;
}
.screen[data-screen="today"] .home-luxe-times article.done small,
.screen[data-screen="today"] .home-luxe-times article.done b{
color:#fff4d8!important;
}
.screen[data-screen="today"] .home-luxe-times article span u{
display:block;
margin-top:2px;
text-decoration:none;
color:rgba(232,199,119,.72);
font-size:10.5px;
font-weight:900;
letter-spacing:.04em;
text-transform:uppercase;
}
.screen[data-screen="today"] .home-luxe-times article.done span u{color:#e8c777!important;}
.screen[data-screen="today"] .home-luxe-times article.future-prayer:not(.active){opacity:.78;}
.screen[data-screen="today"] .home-luxe-times article.future-prayer:not(.active) i{
background:rgba(0,0,0,.10)!important;
color:rgba(232,199,119,.52)!important;
}
.screen[data-screen="today"] .home-luxe-times article.markable-now:not(.active){
border-left:3px solid rgba(232,199,119,.62)!important;
background:rgba(232,199,119,.055)!important;
}
.screen[data-screen="today"] .worship-done-action.is-disabled,
.screen[data-screen="today"] .worship-done-action:disabled{
opacity:.72!important;
filter:saturate(.75)!important;
cursor:not-allowed!important;
background:linear-gradient(135deg,rgba(232,199,119,.42),rgba(185,135,59,.34))!important;
color:rgba(33,22,4,.75)!important;
}
.screen[data-screen="today"] .worship-done-action.is-disabled span,
.screen[data-screen="today"] .worship-done-action:disabled span{
color:rgba(33,22,4,.80)!important;
}
.screen[data-screen="today"] .home-worship-actions{
margin:12px 0 0!important;
border-radius:23px!important;
padding:10px!important;
}
.screen[data-screen="today"] .home-luxe-actions{gap:9px!important;}
.screen[data-screen="today"] .home-luxe-action{
position:relative;
overflow:hidden;
}
.screen[data-screen="today"] .home-luxe-action:after{
content:"";
position:absolute;
right:10px;
bottom:10px;
width:18px;
height:18px;
border-radius:999px;
border:1px solid rgba(232,199,119,.45);
background:rgba(0,0,0,.12);
}
.screen[data-screen="today"] .home-luxe-action:before{
content:"›";
position:absolute;
right:15px;
bottom:7px;
color:#e8c777;
z-index:1;
font-size:22px;
line-height:1;
}
.screen[data-screen="today"] .home-action-icon{
width:48px!important;
height:48px!important;
margin:0 auto 7px!important;
display:grid!important;
place-items:center!important;
border-radius:20px!important;
background:radial-gradient(circle at 40% 25%,rgba(232,199,119,.18),rgba(0,0,0,.06) 56%,rgba(0,0,0,.20))!important;
border:1px solid rgba(232,199,119,.18)!important;
font-size:0!important;
}
.screen[data-screen="today"] .home-action-icon:before{
display:block;
color:#f0cf78;
font-size:28px;
line-height:1;
filter:drop-shadow(0 8px 10px rgba(0,0,0,.26));
}
.screen[data-screen="today"] .icon-qibla:before{content:"◈"; transform:rotate(45deg);}
.screen[data-screen="today"] .icon-dua:before{content:"🤲"; font-size:27px; transform:none;}
.screen[data-screen="today"] .icon-tesbih:before{content:"📿"; font-size:30px; transform:none;}
.screen[data-screen="today"] .icon-takvim:before{content:"▦"; font-size:28px; transform:none;}
.screen[data-screen="today"] .home-luxe-action b{font-size:15px!important;line-height:1.05!important;}
.screen[data-screen="today"] .home-luxe-action small{font-size:10px!important;}
.screen[data-screen="today"] .home-luxe-verse{
background:radial-gradient(circle at 13% 50%,rgba(232,199,119,.22),transparent 30%),radial-gradient(circle at 0% 70%,rgba(232,199,119,.13),transparent 26%),linear-gradient(180deg,rgba(4,62,54,.97),rgba(3,37,32,.99))!important;
border-color:rgba(232,199,119,.32)!important;
}
.screen[data-screen="today"] .home-luxe-lantern{
position:relative;
overflow:hidden;
background:radial-gradient(circle at center,rgba(255,222,121,.22),rgba(0,0,0,.12) 62%),linear-gradient(180deg,rgba(232,199,119,.08),rgba(0,0,0,.15))!important;
}
.screen[data-screen="today"] .home-luxe-lantern:before{
content:"";
position:absolute;
inset:8px;
border-radius:18px;
border:1px dashed rgba(232,199,119,.24);
}
.screen[data-screen="today"] .lantern-art{
position:relative;
display:block;
width:30px;
height:42px;
border:2px solid #e8c777;
border-radius:8px 8px 12px 12px;
box-shadow:0 0 18px rgba(232,199,119,.22);
}
.screen[data-screen="today"] .lantern-art:before{
content:"";
position:absolute;
left:50%;
top:-10px;
width:20px;
height:12px;
transform:translateX(-50%);
border:2px solid #e8c777;
border-bottom:0;
border-radius:999px 999px 0 0;
}
.screen[data-screen="today"] .lantern-art i{
position:absolute;
left:50%;
bottom:5px;
width:14px;
height:22px;
transform:translateX(-50%);
border-radius:999px 999px 8px 8px;
background:radial-gradient(circle at 50% 40%,#fff4ba,#e8c777 58%,rgba(232,199,119,.2));
box-shadow:0 0 18px rgba(232,199,119,.55);
}
.screen[data-screen="today"] .home-luxe-verse p{
font-size:18px!important;
line-height:1.28!important;
}
.screen[data-screen="today"] .home-luxe-verse h3{display:none!important;}
.screen[data-screen="today"] .home-luxe-verse .eyebrow{font-size:11px!important;letter-spacing:.13em!important;}
@media(max-width:520px){
.screen[data-screen="today"] .home-worship-actions{grid-template-columns:1fr 1fr!important;}
.screen[data-screen="today"] .home-action-icon{width:40px!important;height:40px!important;border-radius:17px!important;}
.screen[data-screen="today"] .home-action-icon:before{font-size:24px!important;}
.screen[data-screen="today"] .icon-dua:before{font-size:24px!important;}
.screen[data-screen="today"] .icon-tesbih:before{font-size:25px!important;}
.screen[data-screen="today"] .home-luxe-verse{grid-template-columns:58px 1fr 32px!important;}
.screen[data-screen="today"] .home-luxe-verse p{font-size:16px!important;}
}
/* v6.5.1 exact compact shortcut cards + bottom menu cards */
.screen[data-screen="today"] .home-luxe-actions{
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:5px!important;
margin-top:10px!important;
align-items:stretch!important;
}
.screen[data-screen="today"] .home-luxe-action{
position:relative!important;
overflow:hidden!important;
display:grid!important;
grid-template-rows:34px auto auto!important;
align-items:center!important;
justify-items:center!important;
min-height:76px!important;
height:76px!important;
padding:6px 4px 5px!important;
border-radius:9px!important;
border:1px solid rgba(218,158,55,.92)!important;
background:
radial-gradient(circle at 50% 13%,rgba(232,199,119,.10),transparent 38%),
linear-gradient(180deg,rgba(8,71,62,.98),rgba(3,40,35,.99))!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 5px 14px rgba(0,0,0,.20)!important;
color:#f6ecd2!important;
text-align:center!important;
line-height:1.05!important;
}
.screen[data-screen="today"] .home-luxe-action:after{
content:""!important;
position:absolute!important;
right:5px!important;
bottom:5px!important;
width:15px!important;
height:15px!important;
border-radius:999px!important;
border:1px solid rgba(232,199,119,.80)!important;
background:rgba(3,32,28,.72)!important;
box-shadow:inset 0 0 0 1px rgba(255,255,255,.035)!important;
z-index:1!important;
}
.screen[data-screen="today"] .home-luxe-action:before{
content:"›"!important;
position:absolute!important;
right:9px!important;
bottom:3px!important;
color:#e8c777!important;
z-index:2!important;
font-size:18px!important;
line-height:1!important;
font-family:Georgia,serif!important;
font-weight:900!important;
}
.screen[data-screen="today"] .home-action-icon{
width:34px!important;
height:30px!important;
min-width:34px!important;
min-height:30px!important;
margin:0 auto 1px!important;
display:grid!important;
place-items:center!important;
border-radius:0!important;
background:transparent!important;
border:none!important;
box-shadow:none!important;
font-size:0!important;
filter:drop-shadow(0 6px 6px rgba(0,0,0,.28))!important;
}
.screen[data-screen="today"] .home-action-icon:before{
display:block!important;
color:#f0cf78!important;
line-height:1!important;
filter:drop-shadow(0 1px 0 rgba(255,255,255,.12)) drop-shadow(0 6px 6px rgba(0,0,0,.32))!important;
}
.screen[data-screen="today"] .icon-qibla:before{
content:""!important;
width:30px!important;height:30px!important;
background:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cdefs%3E%3CradialGradient id='g' cx='50%25' cy='45%25' r='65%25'%3E%3Cstop stop-color='%23ffd98a'/%3E%3Cstop offset='1' stop-color='%23b57b2f'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='32' cy='32' r='27' fill='none' stroke='%23b57b2f' stroke-width='2.4' opacity='.55'/%3E%3Cpath d='M43 9 35 37 21 55l8-28L43 9Z' fill='url(%23g)' stroke='%23f2d183' stroke-width='1.6' stroke-linejoin='round'/%3E%3Ccircle cx='32' cy='32' r='4' fill='%2308332d' stroke='%23f2d183' stroke-width='2'/%3E%3Cpath d='M49 14 52 18 56 19 52 21 50 25 48 21 44 19 48 17Z' fill='%23f1c96c'/%3E%3C/svg%3E") center/contain no-repeat!important;
}
.screen[data-screen="today"] .icon-dua:before{content:"🤲"!important;font-size:30px!important;transform:none!important;}
.screen[data-screen="today"] .icon-tesbih:before{content:"📿"!important;font-size:31px!important;transform:none!important;}
.screen[data-screen="today"] .icon-takvim:before{
content:""!important;
width:31px!important;height:31px!important;
background:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect x='12' y='14' width='40' height='38' rx='5' fill='%23efe5cc' stroke='%23d29a3b' stroke-width='2.2'/%3E%3Cpath d='M12 23h40' stroke='%23d29a3b' stroke-width='2.2'/%3E%3Cpath d='M21 9v10M43 9v10' stroke='%23e5be62' stroke-width='4' stroke-linecap='round'/%3E%3Cpath d='M38 32a9 9 0 1 1-7-5 7 7 0 1 0 7 5Z' fill='%2309342f'/%3E%3Cpath d='M44 31 46 34 50 35 46 37 44 40 42 37 38 35 42 33Z' fill='%23d29a3b'/%3E%3C/svg%3E") center/contain no-repeat!important;
}
.screen[data-screen="today"] .home-luxe-action b{
display:block!important;
width:100%!important;
margin:0!important;
font-family:Georgia, 'Times New Roman', serif!important;
font-size:11px!important;
font-weight:900!important;
color:#f8ecd1!important;
line-height:1.02!important;
letter-spacing:-.01em!important;
text-shadow:0 1px 3px rgba(0,0,0,.36)!important;
}
.screen[data-screen="today"] .home-luxe-action small{
display:block!important;
width:100%!important;
margin-top:1px!important;
color:#f0dca8!important;
font-size:7.3px!important;
font-weight:850!important;
line-height:1.05!important;
letter-spacing:-.01em!important;
white-space:normal!important;
text-shadow:0 1px 2px rgba(0,0,0,.30)!important;
}
.screen[data-screen="today"] .home-luxe-action:nth-child(2) b,
.screen[data-screen="today"] .home-luxe-action:nth-child(3) b{font-size:10.2px!important;}
.screen[data-screen="today"] .home-luxe-action:nth-child(4) b{font-size:11.2px!important;}
/* Bottom nav exact compact card language */
.bottom-nav.bottom-nav-premium{
left:50%!important;
right:auto!important;
bottom:10px!important;
width:min(540px,calc(100% - 16px))!important;
transform:translateX(-50%)!important;
display:grid!important;
grid-template-columns:repeat(6,minmax(0,1fr))!important;
grid-auto-flow:unset!important;
grid-auto-columns:unset!important;
gap:5px!important;
overflow:visible!important;
padding:8px 8px calc(8px + var(--safe-bottom))!important;
border-radius:22px!important;
background:linear-gradient(180deg,rgba(5,47,41,.96),rgba(3,28,25,.99))!important;
border:1px solid rgba(218,158,55,.42)!important;
box-shadow:0 20px 52px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.05)!important;
}
.bottom-nav.bottom-nav-premium button{
min-width:0!important;
min-height:58px!important;
height:58px!important;
padding:5px 2px 4px!important;
display:grid!important;
grid-template-rows:29px auto!important;
place-items:center!important;
gap:2px!important;
border-radius:15px!important;
border:1px solid rgba(232,199,119,.20)!important;
background:linear-gradient(180deg,rgba(11,63,55,.70),rgba(6,39,34,.82))!important;
color:#f4e8ca!important;
overflow:hidden!important;
}
.bottom-nav.bottom-nav-premium button.active{
background:linear-gradient(180deg,rgba(232,199,119,.26),rgba(100,76,38,.28)),linear-gradient(180deg,rgba(14,72,62,.90),rgba(5,44,38,.95))!important;
border-color:rgba(232,199,119,.66)!important;
box-shadow:0 0 0 1px rgba(232,199,119,.08), inset 0 1px 0 rgba(255,255,255,.09)!important;
}
.bottom-nav.bottom-nav-premium button span{
width:29px!important;
height:29px!important;
border-radius:11px!important;
display:grid!important;
place-items:center!important;
margin:0!important;
background:transparent!important;
border:none!important;
color:#e8c777!important;
font-size:19px!important;
line-height:1!important;
filter:drop-shadow(0 5px 6px rgba(0,0,0,.28))!important;
}
.bottom-nav.bottom-nav-premium button b{
display:block!important;
max-width:100%!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
white-space:nowrap!important;
color:#f8ecd1!important;
font-size:9.4px!important;
line-height:1!important;
font-weight:900!important;
letter-spacing:-.03em!important;
}
.bottom-nav.bottom-nav-premium button.active b{color:#ffd98a!important;}
.bottom-nav.bottom-nav-premium button.active:after{
content:""!important;
position:absolute!important;
left:18%!important;
right:18%!important;
bottom:2px!important;
height:2px!important;
border-radius:999px!important;
background:linear-gradient(90deg,transparent,#e8c777,transparent)!important;
}
body.more-menu-open .bottom-nav.bottom-nav-premium button[data-more-toggle]{
background:linear-gradient(180deg,rgba(232,199,119,.20),rgba(100,76,38,.24)),linear-gradient(180deg,rgba(14,72,62,.90),rgba(5,44,38,.95))!important;
border-color:rgba(232,199,119,.58)!important;
}
@media(max-width:520px){
.screen[data-screen="today"] .home-luxe-actions{gap:4px!important;margin-top:9px!important;}
.screen[data-screen="today"] .home-luxe-action{
height:72px!important;
min-height:72px!important;
padding:5px 3px 4px!important;
border-radius:8px!important;
grid-template-rows:31px auto auto!important;
}
.screen[data-screen="today"] .home-action-icon{width:31px!important;height:28px!important;margin-bottom:1px!important;}
.screen[data-screen="today"] .icon-qibla:before{width:28px!important;height:28px!important;}
.screen[data-screen="today"] .icon-dua:before{font-size:27px!important;}
.screen[data-screen="today"] .icon-tesbih:before{font-size:28px!important;}
.screen[data-screen="today"] .icon-takvim:before{width:28px!important;height:28px!important;}
.screen[data-screen="today"] .home-luxe-action b{font-size:9.6px!important;}
.screen[data-screen="today"] .home-luxe-action:nth-child(2) b,
.screen[data-screen="today"] .home-luxe-action:nth-child(3) b{font-size:9px!important;}
.screen[data-screen="today"] .home-luxe-action small{font-size:6.6px!important;}
.screen[data-screen="today"] .home-luxe-action:after{right:4px!important;bottom:4px!important;width:13px!important;height:13px!important;}
.screen[data-screen="today"] .home-luxe-action:before{right:7.5px!important;bottom:2px!important;font-size:16px!important;}
.bottom-nav.bottom-nav-premium{
width:calc(100% - 12px)!important;
gap:4px!important;
padding:7px 6px calc(7px + var(--safe-bottom))!important;
border-radius:20px!important;
}
.bottom-nav.bottom-nav-premium button{
min-height:54px!important;
height:54px!important;
padding:4px 1px 3px!important;
border-radius:13px!important;
}
.bottom-nav.bottom-nav-premium button span{width:27px!important;height:27px!important;font-size:17px!important;}
.bottom-nav.bottom-nav-premium button b{font-size:8.7px!important;letter-spacing:-.04em!important;}
}
@media(max-width:370px){
.bottom-nav.bottom-nav-premium{gap:3px!important;padding-inline:5px!important;}
.bottom-nav.bottom-nav-premium button b{font-size:8px!important;}
.screen[data-screen="today"] .home-luxe-action b{font-size:8.8px!important;}
.screen[data-screen="today"] .home-luxe-action small{font-size:6.1px!important;}
}
/* v6.5.4 exact reference shortcut-card correction */
.screen[data-screen="today"] .home-luxe-actions{
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:6px!important;
margin:10px 2px 12px!important;
align-items:stretch!important;
}
.screen[data-screen="today"] .home-luxe-action{
position:relative!important;
height:auto!important;
min-height:0!important;
aspect-ratio:1.07142857!important;
padding:0!important;
border:0!important;
border-radius:0!important;
background-color:transparent!important;
background-position:center!important;
background-size:100% 100%!important;
background-repeat:no-repeat!important;
box-shadow:none!important;
overflow:visible!important;
color:transparent!important;
line-height:0!important;
text-indent:-9999px!important;
}
.screen[data-screen="today"] .home-luxe-action:nth-child(1){background-image:url('../img/shortcut-qibla.webp?v=6.5.4')!important;}
.screen[data-screen="today"] .home-luxe-action:nth-child(2){background-image:url('../img/shortcut-dua.webp?v=6.5.4')!important;}
.screen[data-screen="today"] .home-luxe-action:nth-child(3){background-image:url('../img/shortcut-tesbih.webp?v=6.5.4')!important;}
.screen[data-screen="today"] .home-luxe-action:nth-child(4){background-image:url('../img/shortcut-takvim.webp?v=6.5.4')!important;}
.screen[data-screen="today"] .home-luxe-action > *,
.screen[data-screen="today"] .home-luxe-action:before,
.screen[data-screen="today"] .home-luxe-action:after{
opacity:0!important;
visibility:hidden!important;
display:none!important;
}
.screen[data-screen="today"] .home-luxe-action:active{transform:scale(.985)!important;filter:brightness(1.06)!important;}
/* v6.5.4 bottom menu: same compact premium card language */
.bottom-nav.bottom-nav-premium{
left:50%!important;
right:auto!important;
bottom:10px!important;
width:min(560px,calc(100% - 14px))!important;
transform:translateX(-50%)!important;
display:grid!important;
grid-template-columns:repeat(6,minmax(0,1fr))!important;
gap:6px!important;
padding:7px 7px calc(7px + var(--safe-bottom))!important;
background:rgba(3,24,21,.88)!important;
border:1px solid rgba(218,158,55,.30)!important;
border-radius:18px!important;
box-shadow:0 18px 48px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.04)!important;
overflow:visible!important;
}
.bottom-nav.bottom-nav-premium button{
position:relative!important;
height:64px!important;
min-height:64px!important;
min-width:0!important;
padding:4px 2px 3px!important;
display:grid!important;
grid-template-rows:34px 1fr!important;
place-items:center!important;
gap:0!important;
border-radius:10px!important;
border:1px solid rgba(218,158,55,.78)!important;
background:
radial-gradient(circle at 50% 10%,rgba(232,199,119,.10),transparent 38%),
linear-gradient(180deg,rgba(8,71,62,.98),rgba(3,40,35,.99))!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 5px 12px rgba(0,0,0,.20)!important;
color:#f8ecd1!important;
overflow:hidden!important;
}
.bottom-nav.bottom-nav-premium button.active{
border-color:rgba(232,199,119,.98)!important;
background:
radial-gradient(circle at 50% 6%,rgba(232,199,119,.18),transparent 42%),
linear-gradient(180deg,rgba(11,78,66,.99),rgba(3,43,37,.99))!important;
box-shadow:inset 0 0 0 1px rgba(232,199,119,.10),0 0 0 1px rgba(232,199,119,.08),0 7px 16px rgba(0,0,0,.24)!important;
}
.bottom-nav.bottom-nav-premium button span{
width:31px!important;
height:31px!important;
display:grid!important;
place-items:center!important;
margin:0!important;
padding:0!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
color:#e8c777!important;
font-size:0!important;
line-height:1!important;
filter:drop-shadow(0 5px 6px rgba(0,0,0,.30))!important;
}
.bottom-nav.bottom-nav-premium button span:before{
content:""!important;
display:block!important;
width:29px!important;
height:29px!important;
background-position:center!important;
background-repeat:no-repeat!important;
background-size:contain!important;
}
.bottom-nav.bottom-nav-premium button[data-nav="today"] span:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='32' r='10' fill='%23e8c777'/%3E%3Cg stroke='%23e8c777' stroke-width='4' stroke-linecap='round'%3E%3Cpath d='M32 7v8M32 49v8M7 32h8M49 32h8M14 14l6 6M44 44l6 6M50 14l-6 6M20 44l-6 6'/%3E%3C/g%3E%3C/svg%3E")!important;}
.bottom-nav.bottom-nav-premium button[data-nav="times"] span:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='32' r='23' fill='none' stroke='%23e8c777' stroke-width='4'/%3E%3Cpath d='M32 18v15l12 7' fill='none' stroke='%23e8c777' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;}
.bottom-nav.bottom-nav-premium button[data-nav="qibla"] span:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='32' r='26' fill='none' stroke='%23b9873b' stroke-width='2.5' opacity='.55'/%3E%3Cpath d='M43 9 35 37 21 55l8-28L43 9Z' fill='%23e8c777' stroke='%23f5d58a' stroke-width='1.5'/%3E%3Ccircle cx='32' cy='32' r='4' fill='%2308312b' stroke='%23e8c777' stroke-width='2'/%3E%3C/svg%3E")!important;}
.bottom-nav.bottom-nav-premium button[data-nav="library"] span:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M12 14c9 0 15 2 20 7v33c-5-5-11-7-20-7V14Z' fill='none' stroke='%23e8c777' stroke-width='4' stroke-linejoin='round'/%3E%3Cpath d='M52 14c-9 0-15 2-20 7v33c5-5 11-7 20-7V14Z' fill='none' stroke='%23e8c777' stroke-width='4' stroke-linejoin='round'/%3E%3C/svg%3E")!important;}
.bottom-nav.bottom-nav-premium button[data-nav="zikr"] span:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='%23e8c777'%3E%3Ccircle cx='19' cy='18' r='4'/%3E%3Ccircle cx='29' cy='14' r='4'/%3E%3Ccircle cx='40' cy='16' r='4'/%3E%3Ccircle cx='49' cy='24' r='4'/%3E%3Ccircle cx='51' cy='36' r='4'/%3E%3Ccircle cx='43' cy='47' r='4'/%3E%3Ccircle cx='30' cy='51' r='4'/%3E%3Ccircle cx='18' cy='47' r='4'/%3E%3Ccircle cx='11' cy='37' r='4'/%3E%3Ccircle cx='10' cy='27' r='4'/%3E%3C/g%3E%3Cpath d='M39 51c3 5 7 7 12 8' stroke='%23e8c777' stroke-width='4' stroke-linecap='round'/%3E%3Cpath d='M52 56l4 4' stroke='%23e8c777' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E")!important;}
.bottom-nav.bottom-nav-premium button[data-more-toggle] span:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg stroke='%23e8c777' stroke-width='5' stroke-linecap='round'%3E%3Cpath d='M15 20h34M15 32h34M15 44h34'/%3E%3C/g%3E%3C/svg%3E")!important;}
.bottom-nav.bottom-nav-premium button b{
display:block!important;
max-width:100%!important;
color:#f8ecd1!important;
font-size:9px!important;
line-height:1!important;
font-weight:900!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
letter-spacing:-.04em!important;
text-shadow:0 1px 2px rgba(0,0,0,.28)!important;
}
.bottom-nav.bottom-nav-premium button.active b{color:#ffd98a!important;}
.bottom-nav.bottom-nav-premium button.active:after{
content:""!important;
position:absolute!important;
left:16%!important;right:16%!important;bottom:2px!important;height:2px!important;
border-radius:999px!important;
background:linear-gradient(90deg,transparent,#e8c777,transparent)!important;
}
body.more-menu-open .bottom-nav.bottom-nav-premium button[data-more-toggle]{border-color:rgba(232,199,119,.92)!important;}
@media(max-width:520px){
.screen[data-screen="today"] .home-luxe-actions{gap:5px!important;margin-left:1px!important;margin-right:1px!important;}
.bottom-nav.bottom-nav-premium{width:calc(100% - 12px)!important;gap:5px!important;padding:6px 6px calc(6px + var(--safe-bottom))!important;}
.bottom-nav.bottom-nav-premium button{height:59px!important;min-height:59px!important;border-radius:9px!important;grid-template-rows:31px 1fr!important;}
.bottom-nav.bottom-nav-premium button span{width:29px!important;height:29px!important;}
.bottom-nav.bottom-nav-premium button span:before{width:27px!important;height:27px!important;}
.bottom-nav.bottom-nav-premium button b{font-size:8.35px!important;}
}
@media(max-width:370px){
.screen[data-screen="today"] .home-luxe-actions{gap:4px!important;}
.bottom-nav.bottom-nav-premium{gap:4px!important;padding-inline:5px!important;}
.bottom-nav.bottom-nav-premium button b{font-size:7.8px!important;}
}
/* v6.5.4 premium polish: shortcut strip, bottom nav, and Diğer overlay */
.screen[data-screen="today"] .home-luxe-actions{
width:100%!important;
max-width:100%!important;
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:7px!important;
margin:11px 0 14px!important;
padding:0 1px!important;
align-items:stretch!important;
}
.screen[data-screen="today"] .home-luxe-action{
aspect-ratio:1.08!important;
border-radius:13px!important;
background-size:100% 100%!important;
filter:drop-shadow(0 8px 12px rgba(0,0,0,.28));
}
.screen[data-screen="today"] .home-luxe-action:active{transform:translateY(1px) scale(.986)!important;}
.more-menu-backdrop{
position:fixed!important;
inset:0!important;
z-index:59!important;
background:rgba(0,0,0,.42)!important;
backdrop-filter:blur(7px)!important;
-webkit-backdrop-filter:blur(7px)!important;
}
.more-menu-panel{
position:fixed!important;
z-index:60!important;
left:50%!important;
right:auto!important;
bottom:calc(88px + var(--safe-bottom))!important;
transform:translateX(-50%)!important;
width:min(532px,calc(100% - 20px))!important;
max-height:calc(100vh - 160px)!important;
overflow:auto!important;
padding:22px 18px 18px!important;
border-radius:34px 34px 28px 28px!important;
background:
radial-gradient(circle at 52% 0%,rgba(232,199,119,.19),transparent 30%),
radial-gradient(circle at 0% 14%,rgba(255,255,255,.055),transparent 32%),
linear-gradient(180deg,rgba(14,61,51,.98),rgba(3,31,27,.99))!important;
border:1px solid rgba(232,199,119,.24)!important;
box-shadow:0 -24px 70px rgba(0,0,0,.54),inset 0 1px 0 rgba(255,255,255,.06)!important;
color:var(--text)!important;
scrollbar-width:none!important;
}
.more-menu-panel:before{
content:""!important;
position:absolute!important;
top:9px!important;
left:50%!important;
width:54px!important;
height:5px!important;
transform:translateX(-50%)!important;
border-radius:999px!important;
background:linear-gradient(90deg,transparent,#f1d384,transparent)!important;
box-shadow:0 0 16px rgba(232,199,119,.36)!important;
}
.more-menu-panel:after{
content:""!important;
position:absolute!important;
inset:0!important;
pointer-events:none!important;
border-radius:inherit!important;
background:
linear-gradient(135deg,rgba(232,199,119,.08),transparent 35%),
radial-gradient(circle at 8% 10%,rgba(232,199,119,.07),transparent 22%),
repeating-linear-gradient(45deg,rgba(232,199,119,.018) 0 1px,transparent 1px 14px)!important;
opacity:.72!important;
}
.more-menu-head,.more-menu-grid{position:relative!important;z-index:1!important;}
.more-menu-head{
display:flex!important;
align-items:flex-start!important;
justify-content:space-between!important;
gap:12px!important;
margin:12px 3px 15px!important;
}
.more-menu-head .eyebrow{
color:#f2d483!important;
font-size:12px!important;
letter-spacing:.22em!important;
font-weight:950!important;
}
.more-menu-head b{
display:block!important;
margin-top:3px!important;
color:#fff4d8!important;
font-size:clamp(28px,7vw,38px)!important;
line-height:1.02!important;
letter-spacing:-.045em!important;
font-family:Georgia,'Times New Roman',serif!important;
text-shadow:0 4px 14px rgba(0,0,0,.30)!important;
}
.more-menu-head small{
min-width:max-content!important;
padding:10px 15px!important;
border-radius:999px!important;
color:#f5d685!important;
background:rgba(232,199,119,.10)!important;
border:1px solid rgba(232,199,119,.28)!important;
font-weight:950!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.more-menu-grid{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:12px!important;
}
.more-menu-grid button{
position:relative!important;
min-height:132px!important;
border-radius:24px!important;
padding:14px 8px 12px!important;
display:grid!important;
grid-template-rows:58px auto auto!important;
justify-items:center!important;
align-items:center!important;
text-align:center!important;
border:1px solid rgba(218,158,55,.78)!important;
background:
radial-gradient(circle at 50% 0%,rgba(232,199,119,.13),transparent 44%),
linear-gradient(180deg,rgba(9,75,64,.96),rgba(4,43,37,.99))!important;
color:#fff2d2!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 23px rgba(0,0,0,.28)!important;
overflow:hidden!important;
}
.more-menu-grid button:before{
content:""!important;
position:absolute!important;
top:14px!important;
width:60px!important;
height:60px!important;
border-radius:999px!important;
background:
radial-gradient(circle,rgba(232,199,119,.13),transparent 58%),
repeating-conic-gradient(from 0deg,rgba(232,199,119,.13) 0deg 8deg,transparent 8deg 18deg)!important;
opacity:.72!important;
}
.more-menu-grid button span{
position:relative!important;
z-index:1!important;
width:48px!important;
height:48px!important;
margin:0!important;
display:grid!important;
place-items:center!important;
border-radius:999px!important;
background:rgba(232,199,119,.13)!important;
border:1px solid rgba(232,199,119,.24)!important;
color:#f4d686!important;
font-size:25px!important;
line-height:1!important;
box-shadow:0 12px 22px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.05)!important;
}
.more-menu-grid button b{
position:relative!important;
z-index:1!important;
margin-top:7px!important;
color:#fff2d2!important;
font-size:18px!important;
line-height:1!important;
font-weight:950!important;
letter-spacing:-.04em!important;
text-shadow:0 2px 8px rgba(0,0,0,.35)!important;
}
.more-menu-grid button small{
position:relative!important;
z-index:1!important;
color:rgba(248,241,223,.74)!important;
font-size:12px!important;
line-height:1.18!important;
font-weight:850!important;
margin-top:4px!important;
}
.more-menu-grid button:active{transform:translateY(1px) scale(.986)!important;}
.more-menu-grid button.active,
.more-menu-grid button:hover{
border-color:rgba(232,199,119,.98)!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 0 1px rgba(232,199,119,.08),0 14px 26px rgba(0,0,0,.32)!important;
}
.bottom-nav.bottom-nav-premium{
bottom:10px!important;
width:min(560px,calc(100% - 14px))!important;
border-radius:22px!important;
background:
linear-gradient(180deg,rgba(9,45,39,.94),rgba(3,28,25,.96))!important;
border-color:rgba(232,199,119,.32)!important;
gap:6px!important;
padding:7px 7px calc(7px + var(--safe-bottom))!important;
}
.bottom-nav.bottom-nav-premium button{
border-radius:14px!important;
border-color:rgba(218,158,55,.72)!important;
}
.bottom-nav.bottom-nav-premium button.active,
body.more-menu-open .bottom-nav.bottom-nav-premium button[data-more-toggle]{
border-color:rgba(232,199,119,.98)!important;
box-shadow:0 0 0 1px rgba(232,199,119,.12),0 9px 18px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.05)!important;
}
.bottom-nav.bottom-nav-premium button[data-more-toggle] span:before{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='%23e8c777'%3E%3Ccircle cx='21' cy='21' r='5'/%3E%3Ccircle cx='43' cy='21' r='5'/%3E%3Ccircle cx='21' cy='43' r='5'/%3E%3Ccircle cx='43' cy='43' r='5'/%3E%3C/g%3E%3C/svg%3E")!important;
}
@media(max-width:520px){
.more-menu-panel{bottom:calc(88px + var(--safe-bottom))!important;width:min(520px,calc(100% - 18px))!important;padding:20px 14px 16px!important;border-radius:32px 32px 26px 26px!important;}
.more-menu-grid{gap:9px!important;}
.more-menu-grid button{min-height:118px!important;border-radius:21px!important;padding:12px 5px 10px!important;grid-template-rows:52px auto auto!important;}
.more-menu-grid button:before{width:54px!important;height:54px!important;top:13px!important;}
.more-menu-grid button span{width:44px!important;height:44px!important;font-size:23px!important;}
.more-menu-grid button b{font-size:15.5px!important;}
.more-menu-grid button small{font-size:10.8px!important;}
.bottom-nav.bottom-nav-premium{gap:5px!important;padding:6px 6px calc(6px + var(--safe-bottom))!important;}
.bottom-nav.bottom-nav-premium button{height:60px!important;min-height:60px!important;border-radius:13px!important;}
}
@media(max-width:370px){
.more-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.more-menu-panel{bottom:calc(86px + var(--safe-bottom))!important;}
}