:root{--bg:#f6f3ea;--card:#fffdf6;--ink:#1d2a25;--muted:#63756c;--line:#e3dcc8;--brand:#0f5132;--brand-dark:#0a3a24;--brand-darker:#072b1b;--gold:#c19a3d;--gold-light:#e8c76a}:root[data-theme=blue]{--bg:#f2f5fa;--card:#ffffff;--ink:#16202e;--muted:#61708a;--line:#dce3ee;--brand:#1c4a86;--brand-dark:#143560;--brand-darker:#0e2444;--gold:#c08a2b;--gold-light:#e3b661}:root[data-theme=maroon]{--bg:#faf4f2;--card:#fffbf9;--ink:#2a1a1a;--muted:#7a6360;--line:#ecdcd8;--brand:#7c2130;--brand-dark:#5c1622;--brand-darker:#420f19;--gold:#c19a3d;--gold-light:#e8c76a}:root[data-theme=teal]{--bg:#f1f7f7;--card:#fbffff;--ink:#16292b;--muted:#5f7b7d;--line:#d5e6e6;--brand:#0d6068;--brand-dark:#09454b;--brand-darker:#063338;--gold:#c9962f;--gold-light:#e9c46a}:root[data-theme=charcoal]{--bg:#f4f5f6;--card:#ffffff;--ink:#1c1f22;--muted:#697079;--line:#dfe2e5;--brand:#3a3f45;--brand-dark:#24282d;--brand-darker:#15181b;--gold:#b99036;--gold-light:#ddbc6b}:root{--tint:color-mix(in srgb,var(--brand) 8%,#fff);--tint-hover:color-mix(in srgb,var(--brand) 12%,#fff);--tint-line:color-mix(in srgb,var(--brand) 22%,#fff);--tint-warm:color-mix(in srgb,var(--brand) 4%,var(--bg));--chip:color-mix(in srgb,var(--gold) 7%,var(--bg));--chip-hover:color-mix(in srgb,var(--gold) 20%,var(--bg));--panel:color-mix(in srgb,var(--gold) 10%,var(--bg));--panel-hover:color-mix(in srgb,var(--gold) 22%,var(--bg));--paper:color-mix(in srgb,var(--gold) 8%,var(--bg));--avatar-bg:color-mix(in srgb,var(--gold) 14%,var(--bg));--on-dark:var(--bg);--on-dark-dim:color-mix(in srgb,var(--brand) 22%,#fff);--on-dark-nav:color-mix(in srgb,var(--brand) 10%,#fff);--strip-a:color-mix(in srgb,var(--brand-darker) 80%,#1a1a1a);--strip-b:color-mix(in srgb,var(--brand-darker) 70%,#000);--strip-ink:var(--bg);--strip-dim:color-mix(in srgb,var(--brand) 30%,#fff);--footer-ink:var(--strip-dim);--gold-hover:color-mix(in srgb,var(--gold) 85%,#000);--gold-soft:color-mix(in srgb,var(--gold-light) 25%,#fff);--gold-soft-line:color-mix(in srgb,var(--gold) 40%,#fff);--gold-ink:color-mix(in srgb,var(--gold) 65%,#000);--gold-faint:color-mix(in srgb,var(--gold-light) 10%,#fff);--danger:#b3392f;--ok:#1d7a4f;--radius:14px;--shadow:0 1px 2px color-mix(in srgb,var(--ink) 6%,transparent),0 6px 18px color-mix(in srgb,var(--ink) 7%,transparent);--tabbar:62px}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-cairo),"Segoe UI",Tahoma,sans-serif;font-size:16px;line-height:1.7;-webkit-text-size-adjust:100%;padding-bottom:calc(var(--tabbar) + env(safe-area-inset-bottom))}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{line-height:1.4}:focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 45%,transparent);outline-offset:2px}.container{max-width:1060px;margin:0 auto;padding:0 16px}.impersonate-bar{position:-webkit-sticky;position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:8px 16px;background:var(--gold);color:var(--brand-darker,#2a1e05);font-size:14px;border-bottom:1px solid var(--gold-soft-line)}.impersonate-bar .impersonate-text{font-weight:600}.impersonate-bar .impersonate-admin{font-weight:400;opacity:.8}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:30;background:radial-gradient(1200px 400px at 85% -50%,color-mix(in srgb,var(--gold-light) 18%,transparent),transparent 60%),linear-gradient(160deg,var(--brand-dark),var(--brand-darker));color:var(--on-dark);border-bottom:3px solid var(--gold)}.header-inner{justify-content:space-between;gap:16px;padding-block:10px;flex-wrap:wrap}.brand,.header-inner{display:flex;align-items:center}.brand{gap:10px;color:#fff}.brand:hover{text-decoration:none}.brand-mark{flex:none;border-radius:22%;box-shadow:0 2px 8px color-mix(in srgb,var(--brand-darker) 45%,transparent)}.brand-name{display:block;font-family:var(--font-amiri),serif;font-size:26px;font-weight:700;line-height:1.1}.brand-tag{display:block;font-size:11px;color:var(--on-dark-dim)}.site-header .btn-ghost{color:#fff;border-color:rgba(255,255,255,.5)}.site-header .btn-ghost:hover{background:rgba(255,255,255,.14)}.main-nav{display:none;gap:4px;flex-wrap:wrap}.main-nav a{color:var(--on-dark-nav);padding:8px 14px;border-radius:999px;font-weight:600;font-size:15px}.main-nav a:hover{background:rgba(255,255,255,.12);text-decoration:none}.main-nav a.active{background:var(--gold);color:var(--brand-darker)}@media (min-width:1200px){.site-header .container{max-width:1200px}}.tab-bar{position:fixed;inset-inline:0;bottom:0;z-index:40;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:var(--card);border-top:1px solid var(--line);box-shadow:0 -4px 16px color-mix(in srgb,var(--ink) 8%,transparent);padding-bottom:env(safe-area-inset-bottom)}.tab-bar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;padding-inline:2px;min-height:var(--tabbar);font-size:11px;font-weight:700;line-height:1.2;white-space:nowrap;color:var(--muted);-webkit-tap-highlight-color:transparent}.tab-bar a:hover{text-decoration:none}.tab-bar a.on{color:var(--brand);background:var(--tint);box-shadow:inset 0 3px 0 var(--gold)}.tab-icon{font-size:19px;line-height:1}@media (max-width:359px){.tab-bar a{font-size:10px;padding-inline:1px}.tab-icon{font-size:17px}}.hero{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cpath d='M28 4l6 10 10 6-10 6-6 10-6-10-10-6 10-6z' fill='none' stroke='%23000000' stroke-opacity='0.08'/%3E%3C/svg%3E"),linear-gradient(180deg,var(--tint-warm),var(--bg));border-bottom:1px solid var(--line);padding:20px 0 18px}.hero h1{font-family:var(--font-amiri),serif;font-size:26px;margin:0 0 4px;color:var(--brand-dark)}.hero p{margin:0;color:var(--muted);font-size:15px}.hero-stats{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.stat-chip{display:inline-flex;align-items:center;gap:6px;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:7px 12px;font-size:13px;font-weight:700;color:var(--brand-dark);box-shadow:var(--shadow);transition:background .15s,border-color .15s,transform .1s;-webkit-tap-highlight-color:transparent}.stat-chip:hover{text-decoration:none;background:var(--chip);border-color:var(--brand)}.stat-chip:active{transform:translateY(1px)}.stat-chip:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.stat-chip b{color:var(--gold);font-size:15px}.stat-go{color:var(--muted);font-size:16px;line-height:1;-webkit-margin-start:2px;margin-inline-start:2px}.stat-chip:hover .stat-go{color:var(--brand)}.schedule-anchor{scroll-margin-top:80px}.page{padding-block:20px 40px}.page-title{font-family:var(--font-amiri),serif;font-size:26px;color:var(--brand-dark);margin:0 0 4px}.page-sub{color:var(--muted);margin:0 0 18px;font-size:15px}.back-link{margin:0 0 12px;font-size:14px}.section-title{font-family:var(--font-amiri),serif;font-size:21px;color:var(--brand-dark);margin:26px 0 12px;display:flex;align-items:center;gap:10px}.section-title:after{content:"";flex:1 1;height:2px;background:linear-gradient(to left,var(--gold),transparent);border-radius:2px}.hint{color:var(--muted);font-size:13px;margin:4px 0 0}.filter-bar{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;margin-bottom:18px;scrollbar-width:none}.filter-bar::-webkit-scrollbar{display:none}.filter-bar.wrap{flex-wrap:wrap;overflow:visible}.filter-chip{flex:0 0 auto;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:7px 16px;font-size:14px;font-weight:700;color:var(--brand-dark)}.filter-chip:hover{text-decoration:none;background:var(--chip)}.filter-chip.on{background:var(--brand);border-color:var(--brand);color:#fff}@media (max-width:759px){.me-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.me-nav .filter-chip{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding-inline:10px;border-radius:12px;text-align:center;white-space:nowrap}}.step-head{align-items:flex-start;gap:10px;margin:20px 0 12px;scroll-margin-top:80px}.step-num{width:28px;height:28px;font-weight:700;font-size:15px;display:flex}.step-title{font-family:var(--font-amiri),serif;font-size:21px;color:var(--brand-dark);margin:0}.step-sub{color:var(--muted);font-size:14px;margin:2px 0 0}.step-change{font-family:var(--font-cairo),"Segoe UI",Tahoma,sans-serif;font-size:13px;font-weight:700;-webkit-margin-start:8px;margin-inline-start:8px}.pick-first{max-width:620px;margin:12px 0 0;padding:12px 14px;border:1px dashed var(--gold);border-radius:var(--radius);background:#fdf9ee;color:var(--muted);font-size:14px}.role-picker{display:grid;grid-template-columns:1fr;grid-gap:10px;gap:10px;max-width:620px;margin-bottom:6px}@media (min-width:620px){.role-picker{grid-template-columns:repeat(3,1fr)}}.role-option{position:relative;display:block;background:var(--card);border:2px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 14px 12px;color:var(--ink)}.role-option:hover{text-decoration:none;border-color:var(--gold);background:#fffaf0}.role-option.on{border-color:var(--brand);background:#eef5f0}.role-icon{display:block;font-size:26px;line-height:1.2}.role-name{display:block;font-weight:700;font-size:16px;color:var(--brand-dark);margin-top:4px}.role-who{display:block;color:var(--muted);font-size:13px;line-height:1.6;margin-top:2px}.role-mark{position:absolute;top:12px;left:12px;width:22px;height:22px;border-radius:50%;border:2px solid var(--line);background:#fff;color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center}.role-option.on .role-mark{background:var(--brand);border-color:var(--brand)}.prayer-card{position:relative;display:block;background:linear-gradient(to left,var(--tint),var(--card) 65%);border:1px solid var(--tint-line);border-radius:var(--radius);padding:8px 14px 9px;margin-bottom:14px;font-size:13.5px;font-weight:700;color:var(--brand-dark);box-shadow:var(--shadow);overflow:hidden}a.prayer-card:hover{text-decoration:none;background:linear-gradient(to left,var(--tint-hover),var(--card) 65%)}.prayer-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.prayer-five{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:6px;gap:6px;margin-top:8px;padding-top:8px;border-top:1px dashed var(--tint-line)}.five-item{display:flex;flex-direction:column;align-items:center;gap:1px;border-radius:8px;padding:3px 2px 4px}.five-item b{font-size:12px;font-weight:700;color:var(--brand-dark)}.five-item i{font-style:normal;font-size:15px;font-weight:800;color:var(--gold-ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;unicode-bidi:-webkit-isolate;unicode-bidi:isolate}.five-item.is-sun b{color:var(--muted);font-weight:600}.five-item.is-sun i{color:var(--muted);font-weight:700}.five-item.is-next{background:var(--gold-soft);box-shadow:inset 0 0 0 1px var(--gold-soft-line)}.five-item.is-next b,.five-item.is-next i{color:var(--gold-ink)}.strip-moon{font-size:14px;line-height:1}.strip-town{color:var(--muted)}.strip-sep{color:var(--line);font-weight:400}.strip-time{font-size:15px;color:var(--gold-ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;unicode-bidi:-webkit-isolate;unicode-bidi:isolate}.strip-left{color:var(--muted);font-weight:600}.strip-all{-webkit-margin-start:auto;margin-inline-start:auto;color:var(--brand);white-space:nowrap}.strip-progress{position:absolute;inset-inline-start:0;inset-block-end:0;height:2px;background:linear-gradient(to left,var(--gold),var(--gold-light));border-radius:999px}.prayer-card.now{background:linear-gradient(to left,color-mix(in srgb,var(--gold-light) 26%,var(--card)),var(--card) 70%);border-color:var(--gold-soft-line)}.strip-dot{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 0 color-mix(in srgb,var(--gold) 60%,transparent);animation:strip-pulse 2.4s ease-out infinite}@keyframes strip-pulse{70%{box-shadow:0 0 0 7px transparent}to{box-shadow:0 0 0 0 transparent}}@media (prefers-reduced-motion:reduce){.strip-dot{animation:none}}@media (max-width:560px){.strip-all{display:none}.prayer-card{padding-inline:10px}.five-item b{font-size:11px}.five-item i{font-size:14px}}.times-body{padding:16px;display:flex;flex-direction:column;gap:14px}.times-row{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:10px;gap:10px}.time-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 8px 13px;text-align:center}.time-card.is-sun{background:var(--card);border-style:dashed}.time-card.is-next{background:var(--gold-soft);border-color:var(--gold);border-style:solid;box-shadow:inset 0 0 0 1px var(--gold-soft-line)}.time-name{font-family:var(--font-amiri),serif;font-size:19px;color:var(--brand-dark);line-height:1.3}.time-card.is-sun .time-name{color:var(--muted)}.time-t{font-size:23px;font-weight:800;color:var(--brand-dark);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;unicode-bidi:-webkit-isolate;unicode-bidi:isolate;margin-top:2px}.time-card.is-sun .time-t{font-size:20px;font-weight:700;color:var(--ink)}.time-sub{font-size:12px;color:var(--muted);margin-top:2px;unicode-bidi:plaintext}@media (max-width:620px){.times-row{grid-template-columns:1fr;gap:0}.time-card{display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;grid-gap:2px 10px;gap:2px 10px;text-align:start;background:transparent;border-radius:0;border-width:0 0 1px;border-style:solid;padding:9px 4px}.time-card.is-next{background:var(--gold-soft);border-width:1px;border-radius:10px;padding-inline:10px}.time-card:last-child{border-bottom:0}.time-name{font-size:18px}.time-t{grid-column:3;grid-row:1;margin-top:0}.time-card.is-sun .time-t{font-size:19px}.time-sub{grid-column:1/-1;margin-top:0}}.times-minor{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;border-block:1px dashed var(--line);padding:10px 0}.minor{font-size:13px;color:var(--muted);display:inline-flex;gap:6px;align-items:baseline}.minor b{color:var(--ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;unicode-bidi:-webkit-isolate;unicode-bidi:isolate}.times-next{display:flex;flex-direction:column;gap:6px}.times-next-line{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:13.5px;font-weight:700;color:var(--brand-dark)}.times-next-line span:last-child{color:var(--muted);font-weight:600}.track{height:6px;background:var(--chip);border:1px solid var(--line);border-radius:999px;overflow:hidden}.track>i{display:block;height:100%;background:linear-gradient(to left,var(--gold),var(--gold-light))}.times-foot{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.times-foot em{font-style:normal;font-weight:700;color:var(--gold-ink)}.day-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:18px;overflow:hidden}.day-head{background:linear-gradient(160deg,var(--brand-dark),var(--brand-darker));color:var(--on-dark);padding:10px 16px;display:flex;flex-direction:column;gap:4px;border-bottom:2px solid var(--gold)}.day-line{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.day-date{font-weight:800;font-size:17px}.day-greg{font-size:13px;color:var(--on-dark-dim)}.day-hijri{color:var(--gold-light);font-size:14px;font-weight:700}.day-occasion{margin-top:6px;background:color-mix(in srgb,var(--gold-light) 14%,transparent);border:1px dashed color-mix(in srgb,var(--gold-light) 55%,transparent);color:var(--gold-light);border-radius:10px;padding:6px 12px;font-family:var(--font-amiri),serif;font-size:17px;text-align:center}.day-occasion.sad{background:#101010;border:1px solid #2c2c2c;color:#e8e6df}.day-occasion.sad:before{content:"🏴 "}.day-occasion.happy{background:linear-gradient(160deg,var(--gold-light),var(--gold));border:1px solid var(--gold-hover);color:var(--brand-darker)}.day-occasion.happy:before{content:"🎉 "}.day-count{-webkit-margin-start:auto;margin-inline-start:auto;background:color-mix(in srgb,var(--gold-light) 16%,transparent);border:1px solid color-mix(in srgb,var(--gold-light) 45%,transparent);color:var(--gold-light);border-radius:999px;padding:2px 10px;font-size:12px;font-weight:700;white-space:nowrap}.options{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:10px 14px 12px;margin:0 0 16px;display:flex;flex-direction:column;gap:9px}.option-row{display:flex;align-items:center;gap:10px;min-width:0}.option-label{flex:0 0 auto;width:62px;color:var(--muted);font-size:13px;font-weight:700}.option-chips{min-width:0;margin:0;padding-bottom:2px}.option-chips.scrolls{-webkit-mask-image:linear-gradient(270deg,#000 86%,transparent);mask-image:linear-gradient(270deg,#000 86%,transparent)}.segmented{display:inline-flex;gap:2px;padding:3px;background:var(--chip);border:1px solid var(--line);border-radius:999px;max-width:100%;overflow-x:auto;scrollbar-width:none}.segmented::-webkit-scrollbar{display:none}.seg{flex:0 0 auto;align-items:center;gap:5px;padding:6px 14px;font-size:14px;font-weight:700;color:var(--brand-dark);white-space:nowrap}.seg:hover{text-decoration:none;background:var(--chip-hover)}.seg.on,.seg.on:hover{background:var(--brand);color:#fff;box-shadow:0 1px 3px color-mix(in srgb,var(--ink) 20%,transparent)}.seg b{color:var(--gold-ink);font-size:13px}.seg.on b{color:var(--gold-light)}.option-hint{margin:0;color:var(--muted);font-size:12.5px;line-height:1.6}.option-actions{border-top:1px dashed var(--line);padding-top:10px;margin-top:1px;align-items:flex-start}.option-actions .option-label{padding-top:9px}.share-actions{flex:1 1;min-width:0;display:grid;grid-template-columns:1fr 1fr;grid-gap:4px;gap:4px;padding:4px;background:var(--chip);border:1px solid var(--line);border-radius:14px}.share-actions .share-row{display:contents}.share-actions>.btn,.share-actions>.share-row>.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:38px;padding:7px 8px;border:none;border-radius:10px;background:transparent;color:var(--brand-dark);font-size:13px;white-space:nowrap}.share-actions>.btn:hover,.share-actions>.share-row>.btn:hover{background:var(--card);text-decoration:none}.share-actions>.share-row>.share-main,.share-actions>.share-row>.share-main:hover{background:var(--brand);color:#fff}.share-actions>.share-row>.share-copy{order:1}.share-actions>.share-row>.hint{order:2;grid-column:1/-1;margin:0;padding:2px 6px 4px}.share-actions>.share-row>.hint:empty{display:none}@media (min-width:700px){.share-actions{flex:0 0 auto;grid-template-columns:repeat(4,auto);border-radius:999px}.share-actions>.btn,.share-actions>.share-row>.btn{padding-inline:16px;border-radius:999px}}@media (max-width:430px){.options{padding:9px 11px 11px}.option-label{width:52px;font-size:12px}.seg{padding:5px 11px;font-size:13px}}.habits-panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:18px;overflow:hidden}.habits-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:12px 16px;background:linear-gradient(160deg,var(--brand-dark),var(--brand-darker));color:var(--on-dark);border-bottom:2px solid var(--gold)}.habits-head h2{font-size:17px;margin:0;color:var(--on-dark)}.habits-head .hint{color:var(--on-dark);opacity:.75;margin:2px 0 0}.habit-town+.habit-town{border-top:1px solid var(--line)}.habit-town-head{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 16px;background:var(--chip)}.habit-town-name{font-weight:800;color:var(--brand-dark)}.habit-town-count{color:var(--muted);font-size:13px;-webkit-margin-end:auto;margin-inline-end:auto}.habit-list{list-style:none;margin:0;padding:0}.habit-item{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 16px;border-top:1px solid var(--line)}.day-card>.habit-list>.habit-item:first-child{border-top:none}.habit-body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1}.habit-when{color:var(--brand);font-size:13px;font-weight:700}.habit-venue{font-weight:800;color:var(--brand-dark)}.habit-speaker{color:var(--ink);font-size:14px;font-weight:600}.event-table-wrap{overflow-x:auto}table.event-table{width:100%;border-collapse:collapse;font-size:15px}table.event-table th{background:var(--panel);color:var(--brand-dark);font-size:13px;text-align:right;padding:8px 14px;border-bottom:2px solid var(--line);white-space:nowrap}table.event-table td{padding:8px 14px;border-bottom:1px solid var(--line);vertical-align:top}table.event-table tr:last-child td{border-bottom:none}table.event-table tbody tr:nth-child(2n){background:var(--tint-warm)}.event-table .cell-venue{font-weight:700;color:var(--brand-dark)}.event-table .cell-sub{font-size:12px}.event-table .cell-icon{-webkit-margin-start:6px;margin-inline-start:6px;font-size:13px}.event-table .cell-time{white-space:nowrap;font-size:14px}.event-table .cell-live{display:block;font-size:12px;font-weight:700;color:var(--danger)}@media (max-width:640px){table.event-table{font-size:14px}table.event-table td,table.event-table th{padding:7px 8px}.event-table .cell-time{font-size:13px}}.pdf-stage{position:fixed;top:0;inset-inline-start:-20000px;width:760px;pointer-events:none}.pdf-sheet{position:relative;width:720px;padding:24px;background:#ffffff;color:#1d2a25;font-family:var(--font-cairo),"Segoe UI",Tahoma,sans-serif;font-size:14px;line-height:1.6}.pdf-head{border-bottom:3px solid #c19a3d;padding-bottom:10px;margin-bottom:14px}.pdf-brand{font-size:22px;font-weight:800;color:#0a3a24}.pdf-head h1{margin:2px 0 0;font-size:19px;color:#0f5132}.pdf-head p{margin:0;font-size:12px;color:#63756c}.pdf-dedication{display:flex;align-items:center;justify-content:center;gap:14px;border:1px solid #e0d3ae;background:#fbf6e8;border-radius:10px;padding:10px 14px;margin-bottom:14px;text-align:center}.pdf-dedication-photo{flex:0 0 auto;width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid #c19a3d;background:#f4efe0}.pdf-dedication b{display:block;font-size:16px;color:#7a5a12}.pdf-dedication span{font-size:12px;color:#63756c}.pdf-day{background:#0a3a24;color:#f6f3ea;border-radius:8px 8px 0 0;padding:8px 12px;margin-top:14px}.pdf-day-line{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.pdf-day-title{font-size:16px;font-weight:800}.pdf-day-count{font-size:12px;color:#e8c76a}.pdf-day-hijri{font-size:13px;font-weight:700;color:#e8c76a}.pdf-day-occasion{margin-top:4px;font-size:13px;color:#f0e6c8}table.pdf-table{width:100%;border-collapse:collapse;border:1px solid #e3dcc8}table.pdf-table th{background:#f4efe0;color:#0a3a24;font-size:12px;text-align:right;padding:6px 10px;border-bottom:1px solid #e3dcc8}table.pdf-table td{padding:6px 10px;border-bottom:1px solid #eee7d6;vertical-align:top;font-size:13px}table.pdf-table tbody tr:nth-child(2n){background:#faf8f1}.pdf-cell-sub{display:block;font-size:11px;color:#63756c}.pdf-cell-time{white-space:nowrap}.pdf-foot{margin-top:16px;border-top:2px solid #c19a3d;padding-top:10px;text-align:center;font-size:11px;color:#63756c}.pdf-foot p{margin:2px 0}.pdf-foot-link{font-weight:700;color:#0f5132;direction:ltr;unicode-bidi:-webkit-isolate;unicode-bidi:isolate}.pdf-names{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 4px}.event-list{list-style:none;margin:0;padding:0}.event-item{display:flex;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line)}.event-item:last-child{border-bottom:none}.event-avatar{flex:0 0 auto}.event-body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1}.event-venue{font-weight:800;font-size:17px;color:var(--brand-dark)}.event-speaker{color:var(--ink);font-size:15px;font-weight:600}.event-date,.event-notes,.event-venue-sub{display:block;color:var(--muted);font-size:13px;font-weight:400}.event-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.tag{display:inline-flex;align-items:center;gap:4px;background:var(--chip);border:1px solid var(--line);border-radius:999px;padding:3px 12px;font-size:13px;font-weight:700;color:var(--brand-dark);max-width:100%;overflow-wrap:anywhere}.tag-time{background:var(--gold-soft);border-color:var(--gold-soft-line);color:var(--gold-ink)}.tag-women{background:#e2f0e7;border-color:#bcdcc9;color:var(--ok)}.tag-map{background:var(--tint-hover);border-color:var(--tint-line)}.tag-live{background:#f7e4e2;border-color:#eac5c1;color:var(--danger)}a.tag:hover{text-decoration:none;filter:brightness(.97)}.avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;background:var(--avatar-bg);border:2px solid var(--gold-light);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.avatar-fallback{font-family:var(--font-amiri),serif;font-size:20px;font-weight:700;color:var(--brand-dark);background:var(--tint-warm)}.avatar-sm{width:28px;height:28px;border-width:1px;font-size:14px}.avatar-zoom{display:inline-flex;padding:0;border:0;border-radius:50%;background:none;cursor:zoom-in;line-height:0;-webkit-tap-highlight-color:transparent}.avatar-zoom:focus-visible .avatar,.avatar-zoom:hover .avatar{border-color:var(--gold);box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 35%,transparent)}.avatar-zoom:active .avatar{transform:scale(.96)}.avatar-zoom .avatar{transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.photo-zoom{position:fixed;inset:0;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px;cursor:zoom-out;background:color-mix(in srgb,var(--brand-darker) 86%,transparent);animation:photo-zoom-in .16s ease-out}.photo-zoom-img{max-width:min(92vw,520px);max-height:72vh;object-fit:contain;border-radius:var(--radius);border:2px solid var(--gold-light);background:var(--avatar-bg);box-shadow:var(--shadow)}.photo-zoom-name{font-family:var(--font-amiri),serif;font-size:20px;font-weight:700;color:#fff;text-align:center}.photo-zoom-close{position:absolute;top:12px;inset-inline-start:12px;width:40px;height:40px;font-size:18px;color:#fff;border:1px solid color-mix(in srgb,#fff 40%,transparent);border-radius:50%;background:color-mix(in srgb,#000 35%,transparent);cursor:pointer}@keyframes photo-zoom-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.photo-zoom{animation:none}.avatar-zoom .avatar{transition:none}}.search-box{display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:0 16px;margin-bottom:14px;box-shadow:var(--shadow)}.search-box input{border:none;background:none;padding:10px 0;min-height:44px;box-shadow:none}.search-box input:focus{outline:none}.tile-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:10px;gap:10px}.tile{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px 14px;color:inherit}.tile:hover{text-decoration:none;border-color:var(--gold)}.tile-row{position:relative}.tile-row .tile{-webkit-padding-end:56px;padding-inline-end:56px}.tile-star-form{position:absolute;inset-inline-end:10px;top:50%;transform:translateY(-50%)}.tile-star{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--muted);font-size:19px;line-height:1;cursor:pointer;padding:0}.tile-star.on,.tile-star:hover{border-color:var(--gold);color:var(--gold)}.tile-star.on{background:var(--gold-faint)}[data-pending="1"]{opacity:.65}.tile-body{display:flex;flex-direction:column;gap:2px;min-width:0}.tile-title{font-weight:800;font-size:16px;color:var(--brand-dark)}.tile-sub{color:var(--muted);font-size:13px}.tile-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.letter-group+.letter-group{margin-top:14px}.letter-group{scroll-margin-top:calc(var(--sticky-head, 78px) + 6px)}.letter-head{position:-webkit-sticky;position:sticky;top:var(--sticky-head,78px);z-index:2;display:flex;align-items:center;gap:8px;margin:0 0 8px;padding:3px 14px;border:1px solid var(--line);border-radius:999px;background:var(--chip);color:var(--gold-ink);font-family:var(--font-amiri),serif;font-size:19px;font-weight:700;line-height:1.6;width:-moz-fit-content;width:fit-content;box-shadow:var(--shadow)}.letter-count{font-family:var(--font-cairo),sans-serif;font-size:12px;font-weight:700;color:var(--muted)}.alpha-rail{position:fixed;z-index:20;inset-inline-end:max(4px,calc(50vw - 561px));top:50%;transform:translateY(calc(-50% - var(--tabbar) / 2));flex-direction:column;padding:6px 3px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--card) 90%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:var(--shadow);touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none}.alpha-letter,.alpha-rail{display:flex;align-items:center}.alpha-letter{justify-content:center;width:20px;min-height:0;padding:0;border:none;border-radius:999px;background:none;font-family:inherit;font-size:10px;font-weight:700;line-height:1.35;color:var(--brand);cursor:pointer;-webkit-tap-highlight-color:transparent}.alpha-letter.off{color:var(--muted);opacity:.35;cursor:default}.alpha-letter.on{background:var(--brand);color:#fff}.alpha-letter:hover:not(.off){background:var(--tint-hover)}.alpha-letter.on:hover{background:var(--brand)}@media (max-height:560px){.alpha-letter{font-size:9px;line-height:1.15;width:18px}.alpha-rail{padding:4px 2px}}@media (min-width:760px){.alpha-rail{transform:translateY(-50%)}}@media (max-width:1139px){.has-rail{-webkit-padding-end:46px;padding-inline-end:46px}}.profile-head{display:flex;align-items:center;gap:14px;margin-bottom:8px;flex-wrap:wrap}.badge{display:inline-block;padding:2px 12px;border-radius:999px;font-size:13px;font-weight:700;white-space:nowrap}.badge-gold{background:var(--gold-soft);color:var(--gold-ink);border:1px solid var(--gold-soft-line)}.badge-green{background:#e2f0e7;color:var(--ok);border:1px solid #bcdcc9}.badge-gray{background:#eeeee8;color:#737a70;border:1px solid #dcdcd2}.badge-red{background:#f7e4e2;color:var(--danger);border:1px solid #eac5c1}.btn{display:inline-block;background:var(--brand);color:#fff;border:none;border-radius:10px;padding:11px 22px;font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;min-height:44px}.btn:hover{background:var(--brand-dark);text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-gold{background:var(--gold);color:var(--brand-darker)}.btn-gold:hover{background:var(--gold-hover)}.btn-ghost{background:transparent;color:var(--brand);border:1px solid var(--brand)}.btn-ghost:hover{background:var(--tint-hover)}.btn-sm{padding:6px 14px;font-size:13px;border-radius:8px;min-height:36px}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#8f2d25}.admin-quick{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;background:var(--chip);border:1px dashed var(--gold);border-radius:10px;padding:8px 12px;margin-bottom:12px}.admin-quick-label{font-size:13px;font-weight:700;color:var(--muted)}.admin-edit{white-space:nowrap}@media (max-width:640px){.admin-edit{min-height:44px;padding:10px 18px;font-size:14px;display:inline-flex;align-items:center}}.admin-add{margin-bottom:14px}@media (max-width:640px){.admin-add .admin-edit{display:flex;justify-content:center;width:100%}}.next-main .admin-edit,.occasion-card .admin-edit{margin-top:8px}.edit-dialog{width:min(560px,calc(100vw - 24px));max-height:86vh;overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);color:var(--ink);padding:16px 18px calc(18px + env(safe-area-inset-bottom));box-shadow:0 18px 50px color-mix(in srgb,var(--brand-darker) 35%,transparent)}.edit-dialog::-webkit-backdrop{background:rgba(10,14,12,.55)}.edit-dialog::backdrop{background:rgba(10,14,12,.55)}.edit-dialog[open]{animation:fade-in .15s ease}.edit-dialog-head{position:-webkit-sticky;position:sticky;top:-16px;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--card);border-bottom:1px solid var(--line);padding:4px 0 10px;margin-bottom:14px}.edit-dialog-head h3{margin:0;font-size:17px;color:var(--brand-dark)}.dialog-close{flex:none;width:40px;height:40px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--muted);font-size:17px;line-height:1;cursor:pointer}.dialog-close:hover{background:var(--chip-hover)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:12px;gap:12px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px}.card h3{margin:0 0 6px;font-size:17px}.card h3 a{color:var(--brand-dark)}.card .meta{color:var(--muted);font-size:14px;margin:2px 0}.occasion-card{display:flex;align-items:center;justify-content:space-between;gap:12px}.occasion-card .title{font-family:var(--font-amiri),serif;font-size:17px;color:var(--brand-dark);font-weight:700}.hijri-badge{background:linear-gradient(160deg,var(--brand-dark),var(--brand-darker));color:var(--gold-light);border-radius:10px;padding:8px 14px;font-weight:800;font-size:15px;white-space:nowrap;text-align:center}.occasion-card.sad{-webkit-border-start:4px solid #101010;border-inline-start:4px solid #101010}.occasion-card.sad .hijri-badge{background:#101010;color:#e8e6df}.occasion-card.happy{-webkit-border-start:4px solid var(--gold);border-inline-start:4px solid var(--gold)}.occasion-card.happy .hijri-badge{background:linear-gradient(160deg,var(--gold-light),var(--gold));color:var(--brand-darker)}.occasion-when{display:flex;flex-direction:column;align-items:stretch;gap:6px}.days-chip{border:1px solid var(--line);background:var(--chip);color:var(--muted);border-radius:999px;padding:2px 10px;font-size:13px;font-weight:700;white-space:nowrap;text-align:center}.days-chip.soon{background:color-mix(in srgb,var(--gold) 18%,transparent);border-color:var(--gold);color:var(--gold-ink)}.occasion-card.is-next{box-shadow:var(--shadow),0 0 0 2px var(--gold)}.next-occasion{background:radial-gradient(900px 300px at 90% -60%,color-mix(in srgb,var(--gold-light) 22%,transparent),transparent 60%),linear-gradient(160deg,#14181a,#0b0d0e);color:#f1efe6;border:1px solid #2a2f31;-webkit-border-start:4px solid var(--gold);border-inline-start:4px solid var(--gold);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px;margin:10px 0 14px}.next-occasion.happy{background:radial-gradient(900px 300px at 90% -60%,color-mix(in srgb,var(--gold-light) 30%,transparent),transparent 60%),linear-gradient(160deg,var(--brand-dark),var(--brand-darker));border-color:color-mix(in srgb,var(--gold-light) 35%,transparent)}.next-label{font-size:13px;font-weight:800;color:var(--gold-light);letter-spacing:.5px;margin-bottom:6px}.next-body{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.next-main{min-width:220px;flex:1 1}.next-title{font-family:var(--font-amiri),serif;font-size:20px;font-weight:700;line-height:1.5}.next-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:6px;font-size:14px;color:#c8c4b6}.next-hijri{background:color-mix(in srgb,var(--gold-light) 15%,transparent);border:1px solid color-mix(in srgb,var(--gold-light) 40%,transparent);color:var(--gold-light);border-radius:999px;padding:2px 10px;font-weight:800;white-space:nowrap}.next-count{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:116px;padding:10px 16px;border-radius:12px;background:color-mix(in srgb,var(--gold-light) 12%,transparent);border:1px solid color-mix(in srgb,var(--gold-light) 35%,transparent)}.next-count b{font-size:34px;line-height:1.1;color:var(--gold-light)}.next-count b.word{font-size:24px}.next-count span{font-size:13px;color:#d7d2c2}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:12px;gap:12px;margin-bottom:22px}.kpi{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px;text-align:center}.kpi .num{font-size:28px;font-weight:800;color:var(--brand)}.kpi .lbl{color:var(--muted);font-size:13px}.bars{align-items:flex-end;height:140px;padding:10px 4px 0}.bar-col,.bars{display:flex;gap:6px}.bar-col{flex:1 1;flex-direction:column;align-items:center;min-width:0}.bar{width:100%;max-width:42px;background:linear-gradient(180deg,var(--gold-light),var(--gold));border-radius:6px 6px 0 0;min-height:2px}.bar-lbl{font-size:10px;color:var(--muted);white-space:nowrap}.table-wrap{overflow-x:auto}table.grid{width:100%;border-collapse:collapse;min-width:560px}table.grid th{background:var(--panel);color:var(--brand-dark);font-size:14px;text-align:right;padding:10px 14px;border-bottom:2px solid var(--line);white-space:nowrap}table.grid td{padding:10px 14px;border-bottom:1px solid var(--line);vertical-align:middle}table.grid tr:last-child td{border-bottom:none}.cell-sub{display:block;color:var(--muted);font-size:13px}.form-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;margin-bottom:20px}.form-card h3{margin:0 0 12px;color:var(--brand-dark)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:12px;gap:12px}.field{display:flex;flex-direction:column;gap:5px;min-width:0}.field.wide{grid-column:1/-1}.field .field-label,.field label{font-size:13px;font-weight:700;color:var(--brand-dark)}input[type=date],input[type=email],input[type=file],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],select,textarea{font-family:inherit;font-size:16px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);width:100%;min-height:44px}input:disabled,select:disabled{background:var(--chip);color:var(--muted)}textarea{min-height:70px}input:focus,select:focus,textarea:focus{outline:2px solid color-mix(in srgb,var(--brand) 35%,transparent);border-color:var(--brand)}.checkbox-inline,.checkbox-row{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px}.checkbox-row{padding-top:20px}.checkbox-inline input[type=checkbox],.checkbox-row input[type=checkbox]{width:20px;height:20px;min-height:0;accent-color:var(--brand)}.form-actions{margin-top:14px;flex-wrap:wrap}.form-actions,.photo-current{display:flex;gap:10px;align-items:center}.photo-current{margin-top:8px}.photo-search{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.photo-search-label{font-size:13px;font-weight:700;color:var(--muted)}.photo-search .hint{flex-basis:100%}.photo-attach{flex-basis:100%;margin-top:4px;padding-top:8px;border-top:1px dashed var(--line)}.photo-attach,.photo-picker{display:flex;flex-direction:column;gap:8px}.photo-picker{min-width:0}.photo-picker-add{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.photo-picker-add input[type=url]{flex:1 1;min-width:180px}.photo-picker-file{display:inline-flex;align-items:center;cursor:pointer}.settings-head{margin-bottom:18px}.settings-head .page-sub{margin-bottom:0}.settings-body{display:grid;grid-gap:20px;gap:20px;align-items:start}.settings-tabs{display:grid;grid-gap:14px;gap:14px;min-width:0}.settings-tab-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(184px,1fr));grid-gap:6px;gap:6px}.settings-tab-group-label{grid-column:1/-1;font-size:12px;font-weight:800;letter-spacing:.3px;color:var(--muted);-webkit-padding-start:4px;padding-inline-start:4px}.settings-tab{display:flex;align-items:center;gap:10px;min-height:52px;padding:9px 12px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink);transition:background .15s,border-color .15s}.settings-tab:hover{text-decoration:none;background:var(--tint);border-color:var(--tint-line)}.settings-tab.on{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:var(--shadow)}.settings-tab-icon{font-size:18px;line-height:1;flex:0 0 auto}.settings-tab-text{display:grid;grid-gap:1px;gap:1px;min-width:0;flex:1 1}.settings-tab-label{font-size:14px;font-weight:700;color:var(--brand-dark);line-height:1.35;overflow-wrap:anywhere}.settings-tab-status{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-tab.on .settings-tab-label,.settings-tab.on .settings-tab-status{color:#fff}.settings-tab.on .settings-tab-status{opacity:.85}.settings-dot{flex:0 0 auto;width:9px;height:9px;border-radius:50%;box-shadow:0 0 0 3px color-mix(in srgb,currentcolor 12%,transparent)}.dot-ok{background:var(--ok);color:var(--ok)}.dot-info{background:var(--gold);color:var(--gold)}.dot-off{background:#b6b8b0;color:#b6b8b0}.settings-tab.on .settings-dot{box-shadow:0 0 0 3px rgb(255 255 255/25%)}.settings-back,.settings-tab-go{display:none}.settings-panel{min-width:0}.settings-panel-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-bottom:12px;margin-bottom:16px;border-bottom:2px solid var(--line)}.settings-panel-icon{display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;font-size:21px;border-radius:12px;background:var(--tint);border:1px solid var(--tint-line)}.settings-panel-titles{flex:1 1;min-width:180px}.settings-panel-title{font-family:var(--font-amiri),serif;font-size:21px;color:var(--brand-dark);margin:0}.settings-panel-sub{margin:2px 0 0;font-size:13px;color:var(--muted)}.settings-lead{max-width:72ch;margin-bottom:16px}.settings-lead p{margin:0 0 8px;color:var(--muted);font-size:14px;line-height:1.85}.settings-lead p:last-child{margin-bottom:0}.settings-notices{display:grid;grid-gap:8px;gap:8px}@media (max-width:767px){.settings-body.picked .settings-tabs,.settings-body:not(.picked) .settings-panel,.settings-head.picked .page-sub{display:none}.settings-tab-group{grid-template-columns:minmax(0,1fr)}.settings-tab{min-height:58px;padding:10px 14px}.settings-tab-go{display:block;flex:0 0 auto;font-size:22px;line-height:1;color:var(--muted);direction:ltr;unicode-bidi:-webkit-isolate;unicode-bidi:isolate}.settings-tab.on .settings-tab-go{color:#fff;opacity:.7}.settings-back{display:inline-flex;align-items:center;gap:6px;min-height:40px;margin-bottom:6px;font-size:14px;font-weight:700;color:var(--brand)}.settings-back span{font-size:20px;line-height:1;direction:ltr;unicode-bidi:-webkit-isolate;unicode-bidi:isolate}.settings-panel-head{gap:10px;margin-bottom:14px}.settings-panel-icon{width:36px;height:36px;font-size:18px}.settings-panel-title{font-size:19px}.settings-panel-sub{display:none}.settings-panel-titles{min-width:0;flex:1 1}.month-picker .btn{flex:1 1 100%}}@media (min-width:1180px){.settings-body{grid-template-columns:228px minmax(0,1fr);gap:24px}.settings-tabs{position:-webkit-sticky;position:sticky;top:84px}.settings-tab-group{grid-template-columns:minmax(0,1fr)}}.card-divider{margin-top:14px;padding-top:12px;border-top:1px dashed var(--line)}code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em;direction:ltr;unicode-bidi:-webkit-isolate;unicode-bidi:isolate;background:var(--chip);border:1px solid var(--line);border-radius:6px;padding:1px 5px;overflow-wrap:anywhere}.howto{margin:10px 0 14px;-webkit-padding-start:22px;padding-inline-start:22px;color:var(--ink);font-size:14px}.howto li{margin-bottom:6px}.howto li::marker{color:var(--gold);font-weight:800}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));grid-gap:8px;gap:8px}.photo-card{position:relative;aspect-ratio:1;padding:0;min-height:0;overflow:hidden;background:#fff;border:2px solid var(--line);border-radius:12px;cursor:pointer}.photo-card img{display:block;width:100%;height:100%;object-fit:cover}.photo-card:focus-visible,.photo-card:hover{border-color:var(--gold)}.photo-card-tag{position:absolute;inset-inline:0;bottom:0;padding:3px 0;background:color-mix(in srgb,var(--brand-darker) 72%,transparent);color:#fff;font-size:11px;font-weight:700}.face-modal{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:12px;overflow:auto;background:color-mix(in srgb,var(--brand-darker) 72%,transparent)}.face-modal-inner{display:flex;flex-direction:column;gap:10px;width:100%;max-width:560px;max-height:100%;padding:12px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.face-modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.face-stage{position:relative;align-self:center;max-width:100%;line-height:0;overflow:hidden;background:var(--ink);border-radius:10px;cursor:crosshair;touch-action:none}.face-stage img{display:block;max-width:100%;max-height:56vh;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.crop-box{position:absolute;pointer-events:none;border:2px dashed rgba(255,255,255,.9);box-shadow:0 0 0 9999px rgba(0,0,0,.5)}.crop-box:after{content:"";position:absolute;inset:0;border:2px solid rgba(255,255,255,.85);border-radius:50%}.face-hint{min-height:20px;margin:0}.crop-controls{display:flex;align-items:center;gap:8px}.crop-controls label{font-size:13px;font-weight:700;color:var(--muted);white-space:nowrap}.crop-controls input[type=range]{flex:1 1;min-width:120px;accent-color:var(--brand)}.face-modal-actions{gap:6px}.face-modal-actions,.photo-result{display:flex;align-items:center;flex-wrap:wrap}.photo-result{gap:10px;background:var(--tint);border:1px solid var(--tint-line);border-radius:10px;padding:8px 10px}.photo-result .hint{margin:0}.event-form .step{padding:12px 0;border-bottom:1px dashed var(--line)}.event-form .step:last-of-type{border-bottom:none}.step-head{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}.step-head>label{font-weight:800;color:var(--brand-dark);font-size:15px}.step-num{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--brand);color:#fff;font-size:13px;font-weight:800;flex:0 0 auto}.combo{position:relative}.combo-ok{position:absolute;inset-inline-end:12px;top:50%;transform:translateY(-50%);color:var(--ok);font-weight:800;pointer-events:none}.combo-list{position:absolute;z-index:20;inset-inline:0;top:calc(100% + 4px);max-height:280px;overflow-y:auto;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.combo-item{display:flex;align-items:center;gap:10px;width:100%;border:none;background:none;font-family:inherit;font-size:15px;text-align:start;padding:9px 12px;cursor:pointer;color:var(--ink);min-height:44px}.combo-item.on,.combo-item:hover{background:var(--tint)}.combo-empty{padding:12px;color:var(--muted);font-size:14px}.seg{display:inline-flex;-webkit-margin-start:auto;margin-inline-start:auto;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:#fff}.seg button{border:none;background:none;font-family:inherit;font-size:13px;font-weight:700;color:var(--muted);padding:6px 14px;cursor:pointer;min-height:36px}.seg button.on{background:var(--brand);color:#fff}.hijri-row{display:grid;grid-template-columns:80px 1fr 110px;grid-gap:8px;gap:8px}.date-echo{margin:10px 0 0}.chips,.date-echo{display:flex;gap:6px;flex-wrap:wrap}.chips{margin-top:6px}.chip{border:1px solid var(--line);background:var(--chip);border-radius:999px;padding:5px 12px;font-family:inherit;font-size:12px;font-weight:700;color:var(--brand-dark);cursor:pointer}.chip:hover{background:var(--chip-hover)}.chip.on{background:var(--brand);border-color:var(--brand);color:#fff}.chip.on:hover{background:var(--brand-dark)}.offset-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));grid-gap:10px;gap:10px}.offset-option{display:flex;flex-direction:column;gap:2px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;cursor:pointer;background:#fff}.offset-option.on{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}.offset-option input{width:auto;min-height:0;accent-color:var(--brand)}.offset-head{display:flex;align-items:center;gap:8px}.month-picker{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.month-picker .field{flex:1 1 150px}.offset-num{font-weight:800;color:var(--brand-dark);font-size:14px}.offset-date{color:var(--muted);font-size:13px}.admin-shell{display:grid;grid-gap:16px;gap:16px;grid-template-columns:minmax(0,1fr);align-items:start}.admin-side{display:none;flex-direction:column;gap:8px;min-width:0;position:-webkit-sticky;position:sticky;top:84px}.admin-user{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:10px 14px;box-shadow:var(--shadow)}.admin-user-name{font-weight:800;color:var(--brand-dark);overflow-wrap:anywhere}.admin-nav{display:flex;flex-direction:column;gap:6px;min-width:0}.admin-nav a{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;font-weight:700;font-size:14px;color:var(--brand-dark);background:var(--panel)}.admin-nav a:hover{text-decoration:none;background:var(--panel-hover)}.admin-nav a.on{background:var(--brand);color:#fff}.nav-icon{font-size:18px;line-height:1}.admin-logout{display:flex}.admin-logout button{width:100%}.admin-tabbar{position:fixed;inset-inline:0;bottom:0;z-index:40;display:grid;grid-template-columns:repeat(5,1fr);background:var(--card);border-top:1px solid var(--line);box-shadow:0 -4px 16px color-mix(in srgb,var(--ink) 8%,transparent);padding-bottom:env(safe-area-inset-bottom)}.admin-tabbar a,.admin-tabbar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:var(--tabbar);border:none;background:none;font-family:inherit;font-size:11px;font-weight:700;color:var(--muted);cursor:pointer;-webkit-tap-highlight-color:transparent}.admin-tabbar a:hover{text-decoration:none}.admin-tabbar a.on,.admin-tabbar button.on{color:var(--brand);background:var(--tint);box-shadow:inset 0 3px 0 var(--gold)}.tab-fab{display:flex;align-items:center;justify-content:center;width:38px;height:38px;margin-top:-14px;border-radius:50%;background:var(--brand);color:#fff;font-size:22px;line-height:1;box-shadow:0 4px 12px color-mix(in srgb,var(--brand) 35%,transparent)}.admin-tabbar a.accent{color:var(--brand)}.admin-tabbar a.accent.on{background:none;box-shadow:none}.admin-tabbar a.accent.on .tab-fab{background:var(--gold);color:var(--brand-darker)}.sheet-backdrop{position:fixed;inset:0;z-index:50;background:color-mix(in srgb,var(--brand-darker) 45%,transparent);animation:fade-in .15s ease}.sheet{position:fixed;inset-inline:0;bottom:0;z-index:51;background:var(--card);border-radius:22px 22px 0 0;padding:6px 14px calc(16px + env(safe-area-inset-bottom));box-shadow:0 -12px 34px color-mix(in srgb,var(--brand-darker) 25%,transparent);animation:sheet-up .22s cubic-bezier(.22,1,.36,1);max-height:80vh;overflow-y:auto}.sheet-grip{width:44px;height:4px;border-radius:2px;background:var(--line);margin:6px auto 12px}.sheet-user{display:flex;flex-direction:column;gap:2px;padding:0 4px 12px;border-bottom:1px solid var(--line);margin-bottom:12px}.sheet-user b{color:var(--brand-dark)}.sheet-user span{color:var(--muted);font-size:13px}.sheet-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.sheet-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:78px;padding:10px 6px;border-radius:16px;background:var(--chip);font-size:12px;font-weight:700;color:var(--brand-dark);text-align:center}.sheet-item span{font-size:20px;line-height:1}.sheet-item:hover{text-decoration:none;background:var(--chip-hover)}.sheet-item.on{background:var(--brand);color:#fff}.sheet-logout{margin-top:12px}.sheet-logout button{width:100%}@keyframes fade-in{0%{opacity:0}}@keyframes sheet-up{0%{transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){.sheet,.sheet-backdrop{animation:none}}.panel-title{font-family:var(--font-amiri),serif;font-size:22px;color:var(--brand-dark);margin:0 0 12px}.admin-main{min-width:0}.admin-rows{display:grid;grid-gap:8px;gap:8px}.admin-row{display:flex;align-items:flex-start;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 12px;box-shadow:var(--shadow);flex-wrap:wrap}.admin-row.is-hidden{opacity:.6}.admin-row-main{display:flex;flex-direction:column;gap:2px;flex:1 1;min-width:180px}.row-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.row-badges .badge{white-space:normal;max-width:100%;overflow-wrap:anywhere}.row-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.login-box{max-width:420px;margin:40px auto}.empty{background:var(--card);border:1px dashed var(--line);border-radius:var(--radius);padding:30px 20px;text-align:center;color:var(--muted)}.empty .big{font-size:36px;display:block;margin-bottom:8px}.notice{background:var(--gold-soft);border:1px solid var(--gold-soft-line);color:var(--gold-ink);border-radius:10px;padding:10px 14px;font-size:14px;margin-bottom:16px}.notice-ok{background:#e6f3ea;border-color:#bcdfc6;color:#1d5c33}.notice-bad{background:#fbeaea;border-color:#f0c8c8;color:#8a2626}.notice-list{margin:6px 0 0;-webkit-padding-start:20px;padding-inline-start:20px;max-height:260px;overflow-y:auto}.notice-list li{margin-bottom:2px}.header-account{display:flex;gap:8px;align-items:center;-webkit-margin-start:auto;margin-inline-start:auto}.theme-picker{position:relative;display:flex}.theme-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.1);cursor:pointer}.theme-btn:hover{background:rgba(255,255,255,.2)}.theme-dot{display:block;width:18px;height:18px;border-radius:50%;border:2px solid var(--gold-light);flex:none}.theme-menu{position:absolute;z-index:40;top:calc(100% + 8px);inset-inline-end:0;min-width:168px;padding:10px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.theme-menu-head{display:block;margin-bottom:6px;font-size:12px;font-weight:700;color:var(--muted)}.theme-swatches{display:grid;grid-gap:2px;gap:2px}.theme-swatch{display:flex;align-items:center;gap:8px;width:100%;padding:7px 8px;border:none;border-radius:8px;background:none;font-family:inherit;font-size:14px;font-weight:700;color:var(--ink);text-align:start;cursor:pointer;min-height:38px}.theme-swatch.on,.theme-swatch:hover{background:var(--tint)}.theme-swatch.on{color:var(--brand)}.theme-swatch.on:after{content:"✓";-webkit-margin-start:auto;margin-inline-start:auto;color:var(--gold)}.theme-swatch-auto{margin-bottom:4px;padding-bottom:9px;border-bottom:1px solid var(--line);border-radius:8px 8px 0 0;font-size:13px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.social-signin{margin-top:18px}.or-line{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px;margin-bottom:14px}.or-line:after,.or-line:before{content:"";flex:1 1;height:1px;background:var(--line)}.social-buttons{display:flex;flex-wrap:wrap;gap:8px}.social-btn{flex:1 1 220px;justify-content:center;text-align:center}.sms-form{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end}.sms-form .field{flex:1 1 200px}.pw-disclosure>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;padding:8px 16px;min-height:40px;border:1px solid var(--brand);border-radius:10px;color:var(--brand);font-weight:700;font-size:14px}.pw-disclosure>summary::-webkit-details-marker{display:none}.pw-disclosure>summary:hover{background:var(--tint-hover)}.pw-disclosure[open]>summary{margin-bottom:12px}.me-head{flex-wrap:wrap;justify-content:space-between;margin-bottom:14px;padding:14px 16px;background:linear-gradient(160deg,var(--tint-warm),var(--card));border:1px solid var(--line);border-radius:var(--radius)}.me-head,.me-id{display:flex;gap:12px;align-items:center}.me-id{min-width:0}.me-avatar{width:54px;height:54px;font-size:26px}.me-head .page-title{margin-bottom:2px}.booking-card{padding:14px 16px;margin-bottom:12px}.booking-head{display:flex;gap:10px;align-items:flex-start;justify-content:space-between;margin-bottom:8px}.booking-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}.respond-form{border-top:1px solid var(--line);padding-top:12px}.respond-form,.respond-form .form-actions{margin-top:10px}.travel-list{list-style:none;margin:-8px 0 14px;padding:0;display:grid;grid-gap:6px;gap:6px;font-size:13px}.travel-list li{border:1px solid var(--line);border-radius:10px;padding:8px 12px;background:var(--card);color:var(--muted)}.travel-list li.on{border-color:#bcdfc6;background:#f2f9f4;color:#1d5c33}.travel-list li.off{border-color:#f0c8c8;background:#fdf3f3;color:#8a2626}.booking-actions input[type=text]{flex:1 1 200px;min-width:0}.site-footer{background:var(--brand-darker);color:var(--footer-ink);padding:20px 0;margin-top:30px;border-top:3px solid var(--gold);font-size:13px}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.footer-links{display:flex;gap:14px}.site-footer a{color:var(--gold-light)}@media (min-width:760px){body{padding-bottom:0}.tab-bar{display:none}.main-nav{display:flex}.hero{padding:30px 0 24px}.hero h1{font-size:32px}.brand-name,.page-title{font-size:30px}.tile-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.form-card{padding:20px 22px}.admin-shell{grid-template-columns:210px minmax(0,1fr)}.admin-side{display:flex}.admin-tabbar{display:none}}@media (min-width:980px){.admin-shell{grid-template-columns:240px minmax(0,1fr)}}.memorial-strip{background:linear-gradient(180deg,var(--strip-a),var(--strip-b));color:var(--strip-ink);border-bottom:2px solid var(--gold);overflow:hidden}.memorial-strip-inner{display:flex;align-items:center;gap:10px;padding-top:6px;padding-bottom:6px}.memorial-strip-head{font-family:var(--font-amiri),serif;font-size:15px}.memorial-strip-add,.memorial-strip-head{flex:none;font-weight:700;color:var(--gold-light);white-space:nowrap}.memorial-strip-add{font-size:12px;border:1px solid color-mix(in srgb,var(--gold-light) 50%,transparent);border-radius:999px;padding:4px 10px}.memorial-strip-add:hover{background:color-mix(in srgb,var(--gold-light) 15%,transparent);text-decoration:none}.memorial-viewport{flex:1 1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(270deg,transparent,#000 28px,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(270deg,transparent,#000 28px,#000 calc(100% - 28px),transparent)}.memorial-track{display:flex;width:max-content;animation-name:memorial-slide;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes memorial-slide{0%{transform:translateX(0)}to{transform:translateX(50%)}}.memorial-strip:focus-within .memorial-track,.memorial-track:hover{animation-play-state:paused}.memorial-run{display:flex;align-items:center}.memorial-item{display:inline-flex;align-items:center;gap:8px;padding:3px 16px;color:var(--strip-ink);-webkit-border-start:1px solid color-mix(in srgb,var(--gold-light) 28%,transparent);border-inline-start:1px solid color-mix(in srgb,var(--gold-light) 28%,transparent);white-space:nowrap}.memorial-item:hover{text-decoration:none;color:var(--gold-light)}.memorial-photo{width:34px;height:34px;border-radius:50%;object-fit:cover;border:2px solid color-mix(in srgb,var(--gold-light) 60%,transparent);background:var(--brand-dark);flex:none}.memorial-photo-empty{display:inline-flex;align-items:center;justify-content:center;font-size:16px}.memorial-text{display:flex;flex-direction:column;line-height:1.35}.memorial-name{font-size:14px;font-weight:700}.memorial-note{font-size:12px;color:var(--strip-dim)}@media (prefers-reduced-motion:reduce){.memorial-track{animation:none}.memorial-run+.memorial-run{display:none}.memorial-viewport{overflow-x:auto}}.memorial-card{display:flex;align-items:flex-start;gap:12px}.memorial-card-photo{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid var(--gold);background:var(--chip);flex:none}.memorial-card-photo.memorial-photo-empty{font-size:26px}.memorial-card-body{min-width:0;flex:1 1}.memorial-preview{width:96px;height:96px;border-radius:50%;object-fit:cover;border:2px solid var(--gold);margin-top:6px}.hint-bad{color:var(--danger);font-weight:700}.day-option{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:6px 14px;background:#fff;cursor:pointer}.day-option input{width:auto;min-height:0;accent-color:var(--brand)}.day-option:has(input:checked){border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}.row-form{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.row-form input[type=date],.row-form input[type=email],.row-form input[type=text],.row-form select{width:auto;min-width:120px;font-size:14px;min-height:38px;padding:6px 10px}.inline-field{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:700;color:var(--brand-dark)}@media (max-width:640px){.memorial-strip-inner{flex-wrap:wrap;row-gap:2px}.memorial-strip-head{font-size:13px}.memorial-strip-add{-webkit-margin-start:auto;margin-inline-start:auto}.memorial-viewport{order:3;flex-basis:100%}}.switch-card{display:grid;grid-gap:10px;gap:10px;margin-bottom:16px}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:10px}.switch-row:last-of-type{border-bottom:none;padding-bottom:0}.switch-text{display:flex;flex-direction:column;gap:2px;min-width:200px;flex:1 1}.memorial-preview-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:6px}.memorial-preview-row .memorial-preview{margin-top:0;cursor:pointer}.memorial-dua{font-size:15px;color:var(--gold-light);white-space:nowrap}.memorial-dua,.memorial-dua-line{font-family:var(--font-amiri),serif}.memorial-dua-line{font-size:17px;color:var(--brand-dark);background:var(--paper);-webkit-border-start:3px solid var(--gold);border-inline-start:3px solid var(--gold);border-radius:10px;padding:10px 14px;margin:0 0 16px}.share-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 18px}.memorial-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:14px}.memorial-head-photo{width:96px;height:96px;border-radius:50%;object-fit:cover;border:2px solid var(--gold);background:var(--chip);flex:none;display:grid;place-items:center;font-size:38px}.memorial-head-body{min-width:0;flex:1 1}.memorial-head-body .page-title{margin:0 0 4px}.memorial-card-open{margin:10px 0 0}.khatma-card{margin-bottom:16px}.khatma-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}.khatma-head h3{margin:0;font-family:var(--font-amiri),serif;font-size:20px;color:var(--brand-dark)}.khatma-head .hint{display:block}.khatma-bar{height:10px;border-radius:999px;background:var(--chip);border:1px solid var(--line);overflow:hidden;margin-bottom:12px}.khatma-bar span{display:block;height:100%;background:var(--brand);transition:width .3s ease}.khatma-bar.is-complete span{background:var(--gold)}.khatma-context,.khatma-name{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.khatma-name{font-size:13px;font-weight:700;color:var(--brand-dark);margin-bottom:10px}.khatma-name input{width:auto;flex:1 1;min-width:160px;max-width:280px;min-height:40px;font-size:15px;padding:6px 12px}.khatma-new{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.khatma-new input[type=text]{width:auto;flex:1 1;min-width:160px}.khatma-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));grid-gap:8px;gap:8px}.juz-tile{position:relative;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;background:var(--card);overflow:hidden}.juz-tile.is-taken{background:var(--gold-faint);border-color:var(--gold-soft-line)}.juz-tile.is-done{background:#f2f9f4;border-color:#cfe7d8}.juz-tile.is-mine{box-shadow:inset 0 0 0 2px currentColor;color:var(--gold)}.juz-tile.is-done.is-mine{color:var(--ok)}.juz-release{position:absolute;inset-inline-start:2px;inset-block-start:2px;z-index:1;width:26px;height:26px;border:none;border-radius:50%;background:transparent;color:var(--muted);font-size:18px;line-height:1;cursor:pointer}.juz-release:hover{background:#fbeaea;color:var(--danger)}.juz-open{display:flex;flex-direction:column;gap:2px;padding:8px 8px 6px;color:var(--ink);text-align:center;flex:1 1}.juz-open:hover{background:var(--tint-hover);text-decoration:none}.juz-no{font-family:var(--font-amiri),serif;font-size:22px;font-weight:700;color:var(--brand-dark);line-height:1.2}.juz-start{font-size:11px;color:var(--muted)}.juz-reader{font-size:11px;font-weight:700;color:var(--gold-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.juz-tile.is-free .juz-reader{color:var(--muted);font-weight:400}.juz-tile.is-done .juz-reader{color:#1d5c33}.juz-act{display:block;width:100%;border:none;border-top:1px solid var(--line);padding:8px 4px;font-family:inherit;font-size:13px;font-weight:700;min-height:38px;text-align:center}.juz-take{background:var(--gold);color:var(--brand-darker);cursor:pointer}.juz-take:hover{background:var(--gold-hover)}.juz-do{background:var(--ok);color:#fff;cursor:pointer}.juz-do:hover{background:#17643f}.juz-undo{background:#fbeaea;color:var(--danger);border-top-color:#f0c8c8;cursor:pointer}.juz-undo:hover{background:#f5d9d9}.juz-held{background:var(--gold-soft);color:var(--gold-ink);border-top-color:var(--gold-soft-line)}.juz-taken{background:#e6f3ea;color:#1d5c33;border-top-color:#bcdfc6}.juz-act:disabled{opacity:.55;cursor:progress}.khatma-steps{list-style:none;display:grid;grid-gap:6px;gap:6px;margin:0 0 12px;padding:10px 12px;background:var(--tint);border:1px dashed var(--tint-line);border-radius:10px;font-size:13px;color:var(--brand-dark)}.khatma-steps li{display:flex;align-items:center;gap:8px}.khatma-steps li>b:first-child{flex:none;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--brand);color:#fff;font-size:12px}.khatma-legend{list-style:none;display:flex;gap:12px;flex-wrap:wrap;margin:0 0 10px;padding:0;font-size:12px;color:var(--muted)}.khatma-legend li{display:flex;align-items:center;gap:5px}.legend-dot{width:12px;height:12px;border-radius:4px;border:1px solid var(--line);background:var(--card)}.legend-dot.is-taken{background:var(--gold-faint);border-color:var(--gold)}.legend-dot.is-done{background:#e6f3ea;border-color:var(--ok)}.hint-ok{color:#1d5c33;font-weight:700}.juz-bar-say{flex-basis:100%;text-align:center;font-size:13px;color:var(--muted)}.ask-dialog{border:none;background:transparent;padding:0;max-width:min(440px,92vw);width:100%;color:var(--ink)}.ask-dialog::-webkit-backdrop{background:color-mix(in srgb,var(--brand-darker) 55%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.ask-dialog::backdrop{background:color-mix(in srgb,var(--brand-darker) 55%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.ask-box{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 18px 16px;text-align:start}.ask-title{font-family:var(--font-amiri),serif;font-size:21px;color:var(--brand-dark);margin:0 0 8px}.ask-body{display:grid;grid-gap:10px;gap:10px;margin-bottom:16px}.ask-say{margin:0;font-size:14px;color:var(--muted);line-height:1.8}.ask-field{display:grid;grid-gap:4px;gap:4px;font-size:13px;font-weight:700;color:var(--brand-dark)}.ask-field input{width:100%;min-height:46px;font-size:16px;padding:8px 12px}.ask-field .hint{font-weight:400}.ask-actions{display:flex;gap:8px;flex-wrap:wrap}.ask-actions .btn{flex:1 1;min-width:120px}@media (max-width:480px){.ask-dialog{max-width:100vw;margin:auto auto 0}.ask-box{border-radius:var(--radius) var(--radius) 0 0;padding-bottom:calc(16px + env(safe-area-inset-bottom))}}body.reading-mode{padding-bottom:0;overflow:hidden}body.reading-mode .audio-bar,body.reading-mode .audio-reopen,body.reading-mode .back-link,body.reading-mode .juz-done-bar,body.reading-mode .juz-nav,body.reading-mode .khatma-context,body.reading-mode .page-sub,body.reading-mode .page-title,body.reading-mode .site-footer,body.reading-mode .site-header,body.reading-mode .tab-bar{display:none}.mushaf-reader.is-reading{position:fixed;inset:0;z-index:60;background:var(--paper);display:flex;flex-direction:column;overflow:hidden}.mushaf-reader.is-reading .mushaf{flex:1 1;overflow-y:auto;margin:0}.mushaf-reader.is-reading .mushaf-page{min-height:100%;display:flex;flex-direction:column;border:none;border-radius:0;box-shadow:none;padding:calc(6px + env(safe-area-inset-top)) 8px calc(6px + env(safe-area-inset-bottom))}.mushaf-reader.is-reading .mushaf-body{flex:1 1;border-width:1px}.mushaf-reader.is-reading .mushaf-pager,.mushaf-reader.is-reading .mushaf-tools{position:absolute;inset-inline:8px;z-index:2;margin:0;background:color-mix(in srgb,var(--card) 92%,transparent);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:6px 10px;transition:opacity .25s ease,transform .25s ease}.mushaf-reader.is-reading .mushaf-tools{top:calc(8px + env(safe-area-inset-top))}.mushaf-reader.is-reading .mushaf-pager{bottom:calc(8px + env(safe-area-inset-bottom));inset-inline-start:60px}.mushaf-reader.is-reading .mushaf-tools.is-away{opacity:0;pointer-events:none;transform:translateY(-130%)}.mushaf-reader.is-reading .mushaf-pager.is-away{opacity:0;pointer-events:none;transform:translateY(130%)}@media (prefers-reduced-motion:reduce){.mushaf-reader.is-reading .mushaf-pager,.mushaf-reader.is-reading .mushaf-tools{transition:none}}.mushaf-finish{margin:0 0 12px}.juz-finish{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;background:var(--tint);border:1px solid var(--ok);border-radius:var(--radius);padding:12px 14px;text-align:center}.juz-finish-say{flex-basis:100%;font-size:13px;font-weight:700;color:var(--brand-dark)}.mushaf-reader.is-reading .mushaf-finish{position:absolute;inset-inline:8px;bottom:calc(58px + env(safe-area-inset-bottom));z-index:3;margin:0}.juz-open-now{background:var(--brand);color:#fff}.juz-open-now:hover{background:var(--brand-dark);text-decoration:none}.mushaf-fab{position:absolute;inset-inline-start:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:3;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:color-mix(in srgb,var(--card) 80%,transparent);color:var(--muted);font-size:18px;line-height:1;cursor:pointer;box-shadow:var(--shadow)}.mushaf-fab:hover{background:var(--card);color:var(--brand)}.mushaf-tools{gap:10px;flex-wrap:wrap;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:8px 12px;margin-bottom:12px}.mushaf-reciter,.mushaf-tools{display:flex;align-items:center}.mushaf-reciter{gap:6px;flex:1 1;min-width:180px}.mushaf-reciter select{width:auto;flex:1 1;min-width:150px;min-height:40px;font-size:14px;padding:6px 10px}.mushaf-pager{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px}.mushaf-pager-no{font-family:var(--font-amiri),serif;font-size:15px;color:var(--gold-ink);text-align:center}.mushaf-pager-no .hint{display:block;font-size:12px}.mushaf{margin-bottom:12px;touch-action:pan-y}.mushaf-page{background:var(--paper);border:1px solid var(--gold-soft-line);border-radius:var(--radius);box-shadow:var(--shadow);padding:10px}.mushaf-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-family:var(--font-amiri),serif;font-size:14px;color:var(--gold-ink);border-bottom:1px solid var(--gold-soft-line);padding:0 6px 8px;margin-bottom:10px}.mushaf-body{border:2px solid var(--gold);border-radius:10px;box-shadow:inset 0 0 0 3px var(--gold-faint);padding:16px 12px;background:var(--gold-faint)}.mushaf-surah{font-family:var(--font-amiri),serif;font-size:20px;color:var(--brand-dark);text-align:center;background:var(--gold-soft);border:1px solid var(--gold-soft-line);border-radius:8px;margin:10px 0 8px;padding:4px 10px}.mushaf-page section:first-child .mushaf-surah{margin-top:0}.mushaf-basmala{font-size:20px;color:var(--gold-ink);text-align:center;margin:0 0 10px}.mushaf-ayahs,.mushaf-basmala{font-family:var(--font-amiri),serif}.mushaf-ayahs{font-size:clamp(22px,5.6vw,27px);line-height:2.15;text-align:justify;text-align-last:center;margin:0}.quran-ayah{cursor:pointer;border-radius:6px;transition:background .15s ease}@media (hover:hover){.quran-ayah:hover{background:var(--gold-soft)}}.quran-ayah:focus-visible{background:var(--gold-soft)}.quran-ayah.is-playing{background:var(--gold-soft);box-shadow:0 0 0 2px var(--gold-soft-line)}.mushaf-foot{display:flex;justify-content:center;padding-top:10px}.mushaf-page-no{font-family:var(--font-amiri),serif;font-size:14px;min-width:38px;text-align:center;padding:2px 10px}.mushaf-page-no,.quran-ayah-no{color:var(--gold-ink);background:var(--gold-soft);border:1px solid var(--gold-soft-line);border-radius:999px}.quran-ayah-no{font-family:var(--font-cairo),sans-serif;font-size:12px;padding:0 6px;margin:0 4px;line-height:1.6;display:inline-block;vertical-align:middle}.juz-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px}.juz-done-bar{background:var(--card);border:1px solid var(--tint-line);border-radius:var(--radius);padding:10px 14px;margin-bottom:16px}.juz-bar-form,.juz-done-bar{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.juz-take-btn{font-size:17px;padding:13px 26px;min-height:50px;background:var(--gold);color:var(--brand-darker)}.juz-take-btn:hover{background:var(--gold-hover)}.juz-held-text{color:var(--gold-ink)}.juz-done-btn{font-size:17px;padding:13px 26px;min-height:50px;background:var(--ok)}.juz-done-btn:hover{background:#17643f}.juz-done-bar .btn-ghost{color:var(--danger);border-color:#e6b7b3;background:#fbeaea}.juz-done-bar .btn-ghost:hover{background:#f5d9d9}.juz-done-text{font-weight:700;color:var(--ok)}.juz-done-name{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--brand-dark)}.juz-done-name input{width:auto;min-width:130px;max-width:200px;min-height:42px;font-size:15px;padding:6px 12px}@media (max-width:759px){.memorial-head-photo{width:72px;height:72px;font-size:30px}.khatma-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:6px}}.ops-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}.ops-card{padding:14px 16px}.ops-mode{border:1px solid var(--line);border-radius:10px;padding:12px 14px;background:var(--paper)}.ops-mode .checkbox-row{padding-top:8px;font-weight:500}.ops-mode input[type=radio]{width:18px;height:18px;min-height:0;accent-color:var(--brand)}.ops-mode .row-form{margin-top:10px}.ops-mode .hint{margin:10px 0 0}.ops-raw{background:var(--paper);border:1px solid var(--line);-webkit-border-start:3px solid var(--gold);border-inline-start:3px solid var(--gold);border-radius:10px;padding:10px 14px;margin:0 0 12px;font-family:inherit;font-size:15px;line-height:1.8;white-space:pre-wrap;word-break:break-word;overflow-x:auto}.ops-block{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px 14px;margin-bottom:12px;font-size:14px}.ops-block b{color:var(--brand)}.ops-block ul{margin:6px 0 0;-webkit-padding-start:20px;padding-inline-start:20px}.ops-block li{margin-bottom:4px;word-break:break-word}.ops-block-bad{background:#fbeaea;border-color:#f0c8c8}.ops-block-bad b{color:#8a2626}.ops-reject>summary{list-style:none;cursor:pointer}.ops-reject>summary::-webkit-details-marker{display:none}.ops-reject[open]>summary{margin-bottom:6px}.ops-card-on{border-color:var(--gold);box-shadow:0 0 0 2px color-mix(in srgb,var(--gold) 25%,transparent),var(--shadow)}.wa-qr{display:flex;flex-direction:column;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;margin-bottom:12px;text-align:center}.wa-qr img{width:min(264px,70vw);height:auto;image-rendering:pixelated;border-radius:8px}.wa-qr-steps{margin:0;-webkit-padding-start:20px;padding-inline-start:20px;text-align:start}.wa-qr-steps li{margin-bottom:2px}.wa-pairing{font-family:ui-monospace,Courier New,monospace;font-size:20px;font-weight:800;letter-spacing:3px;color:var(--brand-dark)}.filter-form{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin-bottom:14px}.filter-form .field{flex:1 1 220px;min-width:0;gap:4px}.filter-form select{width:100%}@media (max-width:560px){.filter-form .field{flex:1 1 100%}}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:12px;gap:12px;margin-bottom:12px}.video-card{display:flex;flex-direction:column;overflow:hidden;background:var(--card);border:1px solid var(--line);border-radius:14px}.video-frame,.video-thumb{position:relative;display:block;aspect-ratio:16/9;background:var(--brand-darker)}.video-frame iframe,.video-thumb img{display:block;width:100%;height:100%;border:0;object-fit:cover}.video-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:34px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.6);background:color-mix(in srgb,var(--brand-darker) 22%,transparent);transition:background .15s}.video-thumb:focus-visible .video-play,.video-thumb:hover .video-play{background:color-mix(in srgb,var(--brand-darker) 42%,transparent)}.video-body{padding:8px 10px}.video-title{margin:0;font-size:14px;line-height:1.5}.video-title a{color:var(--brand-dark);text-decoration:none}.video-title a:hover{text-decoration:underline}.video-tags{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 0}.video-admin{padding:8px 10px;border-top:1px dashed var(--line)}.video-admin-form{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:6px}.video-admin-form input[type=number]{width:84px}.video-admin-form input[type=text],.video-admin-form select{flex:1 1 120px;min-width:0}.video-admin-form input,.video-admin-form select{padding:6px 8px;font-size:13px;font-family:inherit;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:8px}:root{--audiobar:82px}body:has(.audio-bar){padding-bottom:calc(var(--tabbar) + var(--audiobar) + env(safe-area-inset-bottom))}.audio-bar{position:fixed;inset-inline:0;bottom:calc(var(--tabbar) + env(safe-area-inset-bottom));z-index:45;background:linear-gradient(180deg,var(--strip-a),var(--strip-b));color:var(--strip-ink);border-top:2px solid var(--gold);box-shadow:0 -8px 26px color-mix(in srgb,var(--ink) 26%,transparent);padding:9px 0}.audio-bar.happy{border-top-color:var(--gold-light)}.audio-inner{display:flex;align-items:center;gap:12px}.audio-play{flex:none;display:grid;place-items:center;width:48px;height:48px;border:none;border-radius:50%;background:linear-gradient(160deg,var(--gold-light),var(--gold));color:var(--brand-darker);font-size:16px;font-weight:800;cursor:pointer;box-shadow:0 4px 14px color-mix(in srgb,#000 34%,transparent);transition:transform .15s ease}.audio-play:hover{transform:scale(1.06)}.audio-play.nudge{animation:audio-nudge 2.4s ease-in-out infinite}@keyframes audio-nudge{0%,to{box-shadow:0 4px 14px color-mix(in srgb,#000 34%,transparent)}50%{box-shadow:0 4px 14px color-mix(in srgb,#000 34%,transparent),0 0 0 8px color-mix(in srgb,var(--gold) 22%,transparent)}}.audio-main{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:3px}.audio-titles{display:flex;align-items:baseline;gap:8px;min-width:0}.audio-occasion{flex:none;max-width:42%;font-size:11px;font-weight:800;color:var(--gold-light)}.audio-occasion,.audio-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audio-title{min-width:0;font-size:14px;font-weight:700}.audio-seek{display:flex;align-items:center;gap:8px}.audio-time{flex:none;min-width:36px;text-align:center;font-size:11px;color:var(--strip-dim);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.audio-range,.audio-volume{-moz-appearance:none;appearance:none;-webkit-appearance:none;height:6px;border-radius:999px;background:color-mix(in srgb,#fff 18%,transparent);cursor:pointer}.audio-range{flex:1 1;min-width:0;background:linear-gradient(to left,var(--gold) var(--played,0),color-mix(in srgb,#fff 18%,transparent) var(--played,0))}.audio-volume{flex:none;width:84px;background:linear-gradient(to left,var(--gold-light) var(--played,0),color-mix(in srgb,#fff 18%,transparent) var(--played,0))}.audio-range::-webkit-slider-thumb,.audio-volume::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--gold-light);border:2px solid var(--strip-b);box-shadow:0 1px 4px color-mix(in srgb,#000 45%,transparent)}.audio-range::-moz-range-thumb,.audio-volume::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--gold-light);border:2px solid var(--strip-b)}.audio-range:disabled{opacity:.5;cursor:default}.audio-note{font-size:11px;color:var(--gold-light)}.audio-tools{flex:none;display:flex;align-items:center;gap:6px}.audio-btn{display:inline-flex;align-items:center;gap:4px;padding:7px 11px;border-radius:999px;border:1px solid color-mix(in srgb,#fff 16%,transparent);background:color-mix(in srgb,#fff 8%,transparent);color:var(--strip-ink);font-family:inherit;font-size:12px;font-weight:700;line-height:1;cursor:pointer}.audio-btn:hover{background:color-mix(in srgb,#fff 18%,transparent);color:var(--strip-ink);text-decoration:none}.audio-btn.on{background:color-mix(in srgb,var(--gold) 30%,transparent);border-color:var(--gold)}.audio-count{font-size:11px;color:var(--gold-light)}.audio-list{max-height:44vh;overflow-y:auto;display:grid;grid-gap:4px;gap:4px;margin-top:8px;padding-top:8px;border-top:1px solid color-mix(in srgb,#fff 14%,transparent)}.audio-list-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:1px solid transparent;border-radius:10px;background:color-mix(in srgb,#fff 6%,transparent);color:var(--strip-ink);font-family:inherit;font-size:13px;text-align:start;cursor:pointer}.audio-list-item:hover{background:color-mix(in srgb,#fff 14%,transparent)}.audio-list-item.on{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 18%,transparent)}.audio-list-icon{flex:none;width:22px;color:var(--gold-light);font-size:11px}.audio-list-text{display:flex;flex-direction:column;min-width:0}.audio-list-sub{font-size:11px;color:var(--strip-dim)}.audio-reopen{position:fixed;inset-inline-start:14px;bottom:calc(var(--tabbar) + 14px + env(safe-area-inset-bottom));z-index:45;width:46px;height:46px;border-radius:50%;border:1px solid var(--gold);background:linear-gradient(180deg,var(--strip-a),var(--strip-b));color:var(--gold-light);font-size:19px;cursor:pointer;box-shadow:var(--shadow)}.audio-reopen:hover{transform:scale(1.06)}@media (min-width:760px){body:has(.audio-bar){padding-bottom:var(--audiobar)}.audio-bar{bottom:0}.audio-reopen{bottom:14px}}@media (max-width:759px){.audio-more,.audio-volume{display:none}.audio-bar{padding:7px 0}.audio-play{width:42px;height:42px}}@media (prefers-reduced-motion:reduce){.audio-play,.audio-reopen{transition:none;animation:none}.audio-play:hover,.audio-reopen:hover{transform:none}}.audio-now{background:radial-gradient(900px 300px at 90% -60%,color-mix(in srgb,var(--gold-light) 22%,transparent),transparent 60%),linear-gradient(160deg,#14181a,#0b0d0e);color:#f1efe6;border:1px solid #2a2f31;-webkit-border-start:4px solid var(--gold);border-inline-start:4px solid var(--gold);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px;margin:10px 0 18px}.audio-now.happy{background:radial-gradient(900px 300px at 90% -60%,color-mix(in srgb,var(--gold-light) 30%,transparent),transparent 60%),linear-gradient(160deg,var(--brand-dark),var(--brand-darker));border-color:color-mix(in srgb,var(--gold-light) 35%,transparent)}.audio-now-label{font-size:13px;font-weight:800;color:var(--gold-light);letter-spacing:.5px}.audio-now-title{font-family:var(--font-amiri),serif;font-size:21px;font-weight:700;line-height:1.5;margin-top:4px}.audio-now-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0 4px}.audio-now .hijri-badge{background:color-mix(in srgb,var(--gold-light) 15%,transparent);border-color:color-mix(in srgb,var(--gold-light) 40%,transparent);color:var(--gold-light)}.audio-now .hint{color:#c8c4b6}.audio-card{display:block;margin-bottom:14px}.audio-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.audio-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0 6px}.audio-tracks{list-style:none;margin:0;padding:0;display:grid;grid-gap:6px;gap:6px}.audio-track{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);font-family:inherit;font-size:15px;text-align:start;cursor:pointer;transition:border-color .15s ease,background .15s ease}.audio-track:hover{background:var(--tint);border-color:var(--tint-line)}.audio-track-no{flex:none;width:24px;color:var(--muted);font-size:13px;font-weight:800}.audio-track-text{display:flex;flex-direction:column;min-width:0;flex:1 1}.audio-track-play{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--brand);color:var(--on-dark);font-size:12px}.audio-preview{width:100%;max-width:420px;height:34px;margin-top:6px}.audio-group{margin-bottom:18px}.audio-group-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 8px;font-size:16px}.audio-file-name{font-family:ui-monospace,Courier New,monospace;font-size:12px;word-break:break-all}.nav-count{display:inline-block;min-width:20px;padding:1px 6px;-webkit-margin-start:6px;margin-inline-start:6px;border-radius:999px;background:#b3402f;color:#fff;font-size:12px;font-weight:700;line-height:1.5;text-align:center}.notif-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.notif{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px}.notif.unread{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 7%,var(--card))}.notif-link{display:block;color:inherit;text-decoration:none}.notif-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.notif-dot{width:8px;height:8px;border-radius:50%;background:var(--gold);flex:none}.notif-time{-webkit-margin-start:auto;margin-inline-start:auto;color:var(--muted);font-size:13px}.notif-body{margin:6px 0 0;color:var(--muted);font-size:14px;white-space:pre-line}.bell-btn,.notif-bell{position:relative;display:flex}.bell-btn{align-items:center;justify-content:center;width:36px;height:36px;padding:0;font-size:17px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.1);cursor:pointer}.bell-btn:hover{background:rgba(255,255,255,.2)}.bell-count{position:absolute;top:-6px;inset-inline-start:-6px;min-width:18px;padding:0 5px;border-radius:999px;background:#b3402f;color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center;box-shadow:0 0 0 2px var(--brand-dark)}.bell-menu{position:absolute;z-index:40;top:calc(100% + 8px);inset-inline-end:0;width:min(340px,calc(100vw - 24px));background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);overflow:hidden}.bell-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;border-bottom:1px solid var(--line)}.bell-head a{font-size:13px}.bell-empty{margin:0;padding:18px 14px;color:var(--muted);font-size:14px;text-align:center}.bell-list{list-style:none;margin:0;padding:0;max-height:min(60vh,420px);overflow-y:auto}.bell-list li+li{border-top:1px solid var(--line)}.bell-list li.unread{background:color-mix(in srgb,var(--gold) 7%,var(--card))}.bell-list li>a,.bell-list li>div{display:block;padding:10px 14px;color:inherit;text-decoration:none}.bell-list li>a:hover{background:color-mix(in srgb,var(--gold) 12%,var(--card));text-decoration:none}.bell-item-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px}.bell-item-body{display:block;margin-top:4px;color:var(--muted);font-size:13px;white-space:pre-line}@media (max-width:560px){.bell-menu{position:fixed;top:68px;inset-inline:10px;width:auto}}.vbcal{margin-top:8px}.vbcal-head{justify-content:space-between;gap:8px;margin-bottom:8px}.vbcal-head,.vbcal-title{display:flex;align-items:center}.vbcal-title{flex-direction:column;text-align:center}.vbcal-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:4px;gap:4px}.vbcal-w{text-align:center;font-size:11px;font-weight:700;color:var(--muted);padding:4px 0}.vbcal-blank{min-height:40px}.vbcal-d{position:relative;min-height:52px;border:1px solid var(--line);border-radius:10px;background:var(--chip);font-family:inherit;font-weight:700;color:var(--ink);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:3px 0 9px;line-height:1.25}.vbcal-h{font-size:15px;color:var(--gold-ink)}.vbcal-g{font-size:10px;font-weight:600;color:var(--muted)}.vbcal-d.on .vbcal-g,.vbcal-d.on .vbcal-h{color:#fff}.vbcal-d:hover:not(:disabled){background:var(--chip-hover)}.vbcal-d.on,.vbcal-d.today{border-color:var(--brand)}.vbcal-d.on{background:var(--brand);color:#fff}.vbcal-d.past,.vbcal-d:disabled{opacity:.35;cursor:default}.vbcal-d.full{background:color-mix(in srgb,var(--danger) 12%,var(--bg));border-color:color-mix(in srgb,var(--danger) 35%,var(--bg));opacity:.8}.vbcal-d.partial{background:color-mix(in srgb,var(--gold) 22%,var(--bg))}.vbcal-dot{position:absolute;bottom:4px;inset-inline-start:50%;transform:translateX(50%);width:6px;height:6px;border-radius:999px;display:inline-block}.vbcal-dot.is-full{background:var(--danger)}.vbcal-dot.is-part{background:var(--gold)}.vbcal-dot.is-pend{background:var(--muted)}.vbcal-legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:8px;font-size:12px;color:var(--muted)}.vbcal-legend .vbcal-dot{position:static;transform:none;-webkit-margin-end:4px;margin-inline-end:4px}.vbcal-form{margin-top:14px;border-top:1px dashed var(--line);padding-top:12px}.vbcal-form-title{margin:0 0 10px;font-size:16px}.vb-label{display:block;font-weight:700;font-size:13px}.chip:disabled{opacity:.45;cursor:default;text-decoration:line-through}.vb-price{font-weight:800;color:var(--gold-ink)}@media (max-width:420px){.vbcal-d{min-height:44px;padding-bottom:8px}.vbcal-h{font-size:13px}.vbcal-g{font-size:9px}}