:root{--ink:#2b2521;--muted:#6d6259;--cream:#f7f1e6;--line:#2b25212e;--glass:#f7f1e6bd;--panel:#f7f1e6e6;--halo:#f7f1e6f2;--ease:cubic-bezier(.22, 1, .36, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-dark]{--ink:#f4ede1;--muted:#f4ede1b3;--cream:#221d1a;--line:#f4ede138;--glass:#1e1a1a8c;--panel:#1e1a1adb;--halo:#0a080cd9;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;color:var(--ink);background:#eee3d1;margin:0;overflow:hidden}body{-webkit-font-smoothing:antialiased;font-family:DM Mono,ui-monospace,monospace}#hall{touch-action:none;cursor:pointer;display:block;position:fixed;inset:0}#fade{opacity:0;pointer-events:none;background:#fbf6ec;position:fixed;inset:0}.top{top:max(16px, env(safe-area-inset-top));left:max(16px, env(safe-area-inset-left));right:max(16px, env(safe-area-inset-right));pointer-events:none;justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:fixed}.brand{text-shadow:0 0 14px var(--halo);flex-direction:column;gap:7px;display:flex}.brand .name{letter-spacing:.08em;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(22px,2.2vw,30px);line-height:1}.brand .tag{white-space:nowrap;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);font-size:10px}.controls{pointer-events:auto;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.seg,.pill{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(10px);border-radius:999px}.seg{align-items:center;padding:2px;display:flex}.seg-label{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);padding:0 8px 0 12px;font-size:10px}.seg button,.pill{min-height:44px;font:inherit;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);cursor:pointer;border-radius:999px;padding:0 15px;font-size:11px}.seg button{min-height:40px;transition:background .3s var(--ease), color .3s var(--ease);background:0 0;border:0}.seg button[aria-pressed=true]{background:var(--ink);color:var(--cream)}button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.panel{top:calc(max(16px, env(safe-area-inset-top)) + 56px);right:max(16px, env(safe-area-inset-right));border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(18px);z-index:5;border-radius:18px;width:min(340px,100vw - 32px);max-height:calc(100vh - 100px);padding:18px 18px 14px;position:fixed;overflow-y:auto;box-shadow:0 20px 60px #2b252129}.panel p{margin:0}.panel-title{font-family:Cormorant Garamond,Georgia,serif;font-size:24px;line-height:1}.place,.note{letter-spacing:.06em;color:var(--muted);font-size:10px;line-height:1.6;margin-top:8px!important}.note:empty{display:none}.times{grid-template-columns:repeat(3,1fr);gap:6px;margin:14px 0 16px;padding:0;list-style:none;display:grid}.times li{border:1px solid var(--line);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border-radius:10px;flex-direction:column;gap:3px;padding:8px 10px;font-size:10px;display:flex}.times time{white-space:nowrap;letter-spacing:0;text-transform:none;color:var(--ink);font-variant-numeric:tabular-nums;font-family:Cormorant Garamond,Georgia,serif;font-size:18px}.times li[aria-current]{background:var(--ink);border-color:var(--ink);color:var(--cream)}.times li[aria-current] span{opacity:.75}.times li[aria-current] time{color:var(--cream)}.preview{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:10px;display:block}.preview span{justify-content:space-between;display:flex}.preview output{color:var(--ink);font-variant-numeric:tabular-nums}.preview input{width:100%;accent-color:var(--ink);margin:10px 0 4px}.row{gap:8px;margin-top:10px;display:flex}.pill.small{flex:1;min-height:44px;font-size:10px}.pill:disabled{opacity:.45;cursor:default}.selects label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);flex-direction:column;flex:1;gap:6px;font-size:10px;display:flex}.selects select{border:1px solid var(--line);background:var(--glass);min-height:44px;font:inherit;letter-spacing:.04em;text-transform:none;color:var(--ink);border-radius:10px;padding:0 10px;font-size:11px}.dhikr{left:50%;bottom:max(22px, env(safe-area-inset-bottom));text-align:center;pointer-events:none;width:min(560px,100vw - 32px);text-shadow:0 0 18px var(--halo), 0 0 4px var(--halo);position:fixed;transform:translate(-50%)}.dhikr p{margin:0}.phrase{font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(32px,4.4vw,48px);font-style:italic;line-height:1.05}.gloss{letter-spacing:.22em;text-transform:uppercase;color:var(--muted);font-size:10px;margin-top:6px!important}.count{font-variant-numeric:tabular-nums;font-family:Cormorant Garamond,Georgia,serif;font-size:26px;margin-top:10px!important}.count .of{color:var(--muted);font-size:18px}.rose-name{letter-spacing:.22em;text-transform:uppercase;height:0;color:var(--muted);opacity:0;transition:opacity 1.6s var(--ease);font-size:10px;overflow:visible}.rose-name.shown{opacity:1;transition-delay:1.2s}.hint{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);transition:opacity 1.2s var(--ease) 2.5s;font-size:10px;margin-top:12px!important}.hint.gone{opacity:0}.nogl{text-align:center;background:#eee3d1;place-items:center;margin:0;padding:24px;display:grid;position:fixed;inset:0}@media (width<=600px){.top{flex-direction:column;align-items:stretch;gap:12px}.controls{justify-content:flex-start}.brand .tag{white-space:normal}.seg-label{display:none}.seg button,.pill{padding:0 12px}.panel{top:auto;bottom:max(16px, env(safe-area-inset-bottom));left:max(16px, env(safe-area-inset-left));right:max(16px, env(safe-area-inset-right));width:auto;max-height:72vh}}@media (prefers-reduced-motion:reduce){.hint,.seg button,.rose-name{transition:none}}