/* Generated by tools/build_layout_assets.py; preserve source order. */
/* Source: assets/alarms.css */
/* A quiet clock face, with warm controls and generous touch targets. */
.alarm-app,.alarm-sheet,.alarm-confirm,.alarm-ring{--ac-bg:#101011;--ac-panel:#1c1c1e;--ac-soft:#262628;--ac-line:#333336;--ac-text:#f5f5f7;--ac-muted:#a1a1a6;--ac-accent:#ffad32;--ac-green:#46d269;color:var(--ac-text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-variant-numeric:tabular-nums;color-scheme:dark}
.alarm-app{background:var(--ac-bg);border:1px solid #ffffff0b;border-radius:30px;padding:28px 36px 20px;max-width:1120px;margin:0 auto;overflow:hidden;box-shadow:0 24px 70px #00000016}
.alarm-app *,.alarm-sheet *,.alarm-confirm *{box-sizing:border-box}
.alarm-app svg,.alarm-sheet svg,.alarm-confirm svg{width:21px;height:21px;flex-shrink:0}
.alarm-app a,.alarm-sheet a{color:inherit;text-decoration:none}
.alarm-app button,.alarm-sheet button,.alarm-confirm button{font:inherit;cursor:pointer;letter-spacing:0;box-shadow:none;transform:none}
.alarm-app button:focus-visible,.alarm-app a:focus-visible,.alarm-sheet :is(button,a,input,select,summary,[role=listbox]):focus-visible,.alarm-confirm button:focus-visible{outline:3px solid var(--ac-accent);outline-offset:4px}
.alarm-app [hidden],.alarm-sheet [hidden],.alarm-confirm [hidden]{display:none!important}
.alarm-toolbar,.alarm-heading,.alarm-list-toolbar,.alarm-next-caption,.alarm-next-summary,.alarm-section-label,.alarm-sheet-header,.alarm-setting-row,.alarm-sound-heading{display:flex;align-items:center}
.alarm-toolbar{justify-content:space-between;gap:10px;min-height:44px}
.alarm-brand{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:2px;font-weight:600;color:var(--ac-muted)}
.alarm-brand svg{width:16px;height:16px}
.alarm-text-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;background:none;color:var(--ac-accent)!important;padding:10px 0;min-height:44px;font-size:14px!important;font-weight:500;border-radius:8px;white-space:normal;line-height:1.4}
.alarm-text-button:hover{background:#ffffff08}
.alarm-count{display:inline-grid;place-items:center;background:#ffffff12;color:var(--ac-muted);border-radius:50%;font-size:11px;min-width:21px;height:21px}
.alarm-heading{justify-content:space-between;margin:25px 0 30px;gap:16px}
.alarm-kicker{margin:0 0 6px;color:var(--ac-muted);font-size:10px;letter-spacing:2.1px;font-weight:500}
.alarm-heading h1{margin:0;font-size:44px!important;letter-spacing:-1.8px;line-height:1.1;font-weight:700;color:var(--ac-text)}
.alarm-add{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--ac-accent);color:#191106!important;flex-shrink:0}
.alarm-add svg{width:28px;height:28px;stroke-width:2}
.alarm-add:hover{background:#ffbe5c}
.alarm-workspace{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:36px}
.alarm-main,.alarm-aside{min-width:0}
.alarm-next-card{position:relative;background:linear-gradient(125deg,#302618,#211d17 60%,#1d1b18);border:1px solid #ffad3220;border-radius:22px;padding:20px 22px 18px;margin-bottom:28px}
.alarm-next-caption{gap:7px;color:var(--ac-accent);font-size:12px;font-weight:500}
.alarm-next-caption svg{width:16px;height:16px}
.alarm-next-summary{gap:18px;margin:13px 0 14px}
.alarm-next-time{font-size:48px;font-weight:300;letter-spacing:-2px;line-height:1;white-space:nowrap}
.alarm-next-summary>div{display:grid;gap:6px;min-width:0}
.alarm-next-summary strong{font-size:13px;font-weight:500;overflow-wrap:anywhere;line-height:1.4}
.alarm-next-summary div>span{color:#c9bda9;font-size:11px;line-height:1.5}
.alarm-zone{font-size:10px;color:#ac9d87}
.alarm-list-toolbar{justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--ac-line)}
.alarm-filters{display:flex;gap:4px;padding:4px;background:var(--ac-panel);border-radius:12px}
.alarm-filters button{border:0;background:none;color:var(--ac-muted);border-radius:9px;padding:8px 15px;min-height:36px;font-size:12px;font-weight:500;min-width:58px}
.alarm-filters button[aria-pressed=true]{background:#3a3a3c;color:var(--ac-text);box-shadow:0 2px 5px #0003}
.alarm-row{display:flex;align-items:center;gap:16px;padding:23px 0;border-bottom:1px solid var(--ac-line);min-width:0}
.alarm-row-link{display:block;flex:1;min-width:0;border-radius:8px}
.alarm-row-link:hover .alarm-row-time{color:var(--ac-accent)}
.alarm-row-time{font-size:66px;letter-spacing:-2.8px;font-weight:250;line-height:1.06;color:var(--ac-text);transition:color .15s}
.alarm-row-time.is-prayer{font-size:44px;letter-spacing:-1.6px;display:flex;align-items:center;gap:10px;min-height:70px}
.alarm-row-time.is-prayer svg{color:var(--ac-accent);width:25px;height:25px}
.alarm-row-title{font-size:14px;font-weight:500;margin-top:8px;overflow-wrap:anywhere}
.alarm-row-repeat,.alarm-row-prayers{font-size:12px;color:var(--ac-muted);margin-top:5px;line-height:1.5;overflow-wrap:anywhere}
.alarm-row-next{display:block;color:#b7b7bd;font-size:11px;margin-top:7px;line-height:1.5}
.alarm-row.is-off .alarm-row-time,.alarm-row.is-off .alarm-row-title,.alarm-row.is-off .alarm-row-time svg{color:#79797f}
.alarm-row.is-off .alarm-row-repeat,.alarm-row.is-off .alarm-row-next{color:#727278}
.alarm-toggle-form,.alarm-row-delete,.alarm-sound-heading form{margin:0;flex-shrink:0}
.alarm-switch{position:relative;display:block;width:56px;height:44px;padding:6px 0;border:0;background:none;border-radius:24px}
.alarm-switch:before{content:"";position:absolute;inset:6px 0;border-radius:24px;background:#39393d;transition:background .2s}
.alarm-switch span{position:absolute;width:28px;height:28px;top:8px;left:2px;border-radius:50%;background:#fff;box-shadow:0 2px 3px #0003;transition:transform .2s}
.alarm-switch[aria-checked=true]:before{background:var(--ac-green)}
.alarm-switch[aria-checked=true] span{transform:translateX(24px)}
.alarm-row-delete{display:none}
.alarm-app.is-editing .alarm-row-delete{display:block}
.alarm-icon-button{display:inline-grid;place-items:center;width:42px;height:44px;border:0!important;background:none!important;color:var(--ac-muted)!important;padding:8px;border-radius:12px}
.alarm-danger{color:#ff6961!important}
.alarm-list-footnote{font-size:11px;color:#85858b;text-align:center;margin:20px 0 2px}
.alarm-device{padding:23px 21px;background:var(--ac-panel);border-radius:22px}
.alarm-section-label{gap:7px;font-size:10px;letter-spacing:1.6px;color:var(--ac-muted)}
.alarm-status-dot{width:6px;height:6px;border-radius:50%;background:#6c6c72}
.alarm-status-dot.is-on{background:var(--ac-green);box-shadow:0 0 12px #46d26935}
.alarm-device h2,.alarm-prayer-note h2{font-size:19px;font-weight:600;letter-spacing:-.5px;line-height:1.3;margin:16px 0 10px;color:var(--ac-text)}
.alarm-device p,.alarm-prayer-note p{font-size:12px;line-height:1.8;color:var(--ac-muted);margin:10px 0 18px}
.alarm-pill{border:0!important;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:13px 20px;border-radius:28px;font-size:13px!important;font-weight:600;line-height:1.4;text-align:center}
.alarm-primary{background:var(--ac-accent)!important;color:#201506!important}
.alarm-primary:hover,.alarm-save:hover{background:#ffbe5c!important}
.alarm-secondary{background:#303033!important;color:var(--ac-text)!important}
.alarm-destructive{background:#ff625a!important;color:#210a08!important}
.alarm-device>.alarm-pill{width:100%;margin-top:3px}
.alarm-device-off{width:100%}
.alarm-device [data-alarm-warnings]{white-space:pre-line;color:#e5bc80;overflow-wrap:anywhere;font-size:11px}
.alarm-device [data-alarm-warnings]:empty{display:none}
.alarm-device-details{border-top:1px solid var(--ac-line);margin-top:18px;padding-top:4px}
.alarm-device-details summary,.alarm-advanced summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;padding:15px 0;font-size:12px;color:var(--ac-muted);min-height:44px}
.alarm-device-details summary::-webkit-details-marker,.alarm-advanced summary::-webkit-details-marker{display:none}
.alarm-device-details summary svg,.alarm-advanced summary svg{width:15px;height:15px;transition:transform .2s}
.alarm-device-details[open] summary svg,.alarm-advanced[open] summary svg{transform:rotate(90deg)}
.alarm-device-details .alarm-pill{width:100%;margin:3px 0}
.alarm-device-details p{margin-bottom:0;font-size:11px}
.alarm-prayer-note{padding:25px 12px 12px}
.alarm-note-icon{color:var(--ac-accent);display:inline-flex;background:#ffad3210;padding:10px;border-radius:13px}
.alarm-prayer-note h2{margin:14px 0 7px;font-size:18px}
.alarm-prayer-note p{margin:0 0 12px}
.alarm-prayer-note>a{color:var(--ac-accent);display:inline-flex;align-items:center;gap:12px;font-size:12px;min-height:44px}
.alarm-prayer-note small{display:block;font-size:10px;color:#85858b;margin-top:7px}
.alarm-prayer-note small a{color:#b7b7bd;text-decoration:underline;text-underline-offset:3px}
.alarm-empty{text-align:center;padding:50px 14px}
.alarm-empty-icon{display:grid;place-items:center;width:80px;height:80px;border-radius:50%;background:var(--ac-panel);color:var(--ac-accent);margin:0 auto 24px}
.alarm-empty-icon svg{width:42px;height:42px;stroke-width:1}
.alarm-empty h2{font-size:23px;letter-spacing:-.5px;margin:0 0 10px;color:var(--ac-text)}
.alarm-empty p,.alarm-filter-empty{font-size:12px;line-height:1.8;color:var(--ac-muted);max-width:280px;margin:0 auto 25px}
.alarm-filter-empty{text-align:center;padding:35px 0;margin-bottom:0}
/* Editors: a centred sheet on desktop, an edge-to-edge bottom sheet on phones. */
.alarm-sheet{width:calc(100% - 32px);max-width:520px;max-height:calc(100dvh - 48px);padding:0;border:1px solid #ffffff18;border-radius:26px;background:#151516;box-shadow:0 30px 140px #0008;overflow:auto;overscroll-behavior:contain;margin:auto}
.alarm-sheet::backdrop,.alarm-confirm::backdrop{background:#0009;backdrop-filter:blur(8px)}
.alarm-sheet-header{position:sticky;top:0;z-index:5;justify-content:space-between;gap:8px;min-height:72px;background:#19191bf5;backdrop-filter:blur(14px);padding:12px 22px;border-bottom:1px solid #ffffff0c}
.alarm-sheet-header h2{font-size:16px;letter-spacing:-.3px;margin:0;font-weight:600;color:var(--ac-text);text-align:center}
.alarm-sheet-header .alarm-text-button{font-size:13px!important;min-width:60px;justify-content:flex-start}
.alarm-save{border:0;border-radius:22px;padding:10px 16px;min-height:40px;background:var(--ac-accent);font-size:12px!important;font-weight:600;color:#201506}
.alarm-header-spacer{width:60px}
.alarm-sheet-body{padding:22px 22px 28px}
.alarm-kind-picker{display:grid;grid-template-columns:1fr 1fr;background:#29292c;border-radius:12px;padding:4px;gap:4px}
.alarm-kind-picker label{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;margin:0;padding:10px 8px;border-radius:9px;min-height:42px;color:#aaaab1;font-size:13px;cursor:pointer}
.alarm-kind-picker label:has(input:checked){background:#48484c;color:#fff;box-shadow:0 1px 4px #0005}
.alarm-kind-picker input,.alarm-weekdays input,.alarm-prayer-chips input,.alarm-check-switch input{position:absolute;opacity:0;width:1px;height:1px}
.alarm-kind-picker label:has(input:focus-visible),.alarm-weekdays label:has(input:focus-visible),.alarm-prayer-chips label:has(input:focus-visible),.alarm-check-switch:has(input:focus-visible){outline:2px solid var(--ac-accent);outline-offset:3px}
.alarm-kind-picker svg{width:17px;height:17px}
.alarm-time-dials{position:relative;display:none;grid-template-columns:1fr 24px 1fr;width:260px;max-width:100%;margin:8px auto 0}
.alarm-time-dials.is-ready{display:grid}
.alarm-time-dials:before{content:"";position:absolute;top:96px;left:0;right:0;height:48px;background:#ffffff09;border:1px solid #ffffff08;border-radius:12px;pointer-events:none}
.alarm-time-wheel{position:relative;z-index:1;height:240px;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none;touch-action:pan-y;overscroll-behavior:contain;mask-image:linear-gradient(transparent,#000 33%,#000 67%,transparent);outline-offset:-4px!important}
.alarm-time-wheel::-webkit-scrollbar{display:none}
.alarm-time-wheel:before,.alarm-time-wheel:after{content:"";display:block;height:96px}
.alarm-time-wheel [role=option]{height:48px;line-height:48px;text-align:center;font-size:38px;font-weight:300;letter-spacing:-1px;scroll-snap-align:center;color:#77777e;cursor:pointer;user-select:none}
.alarm-time-wheel [aria-selected=true]{color:#fff}
.alarm-time-colon{position:relative;z-index:1;align-self:center;justify-self:center;font-size:36px;font-weight:300;margin-top:-4px}
.alarm-time-native{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:20px;font-size:13px}
.alarm-time-native input{width:160px!important}
.alarm-keyboard-time{display:flex;margin:0 auto;min-height:32px;padding:4px;font-size:11px!important;color:var(--ac-muted)!important}
.alarm-timezone-hint{font-size:10px;color:#8d8d93;text-align:center;margin:0 0 23px}
.alarm-settings-group{background:#242426;border-radius:16px;overflow:hidden}
.alarm-setting-row{position:relative;justify-content:space-between;gap:16px;min-height:58px;padding:11px 16px;margin:0;border-bottom:1px solid #ffffff0b;font-size:13px}
.alarm-setting-row:last-child{border-bottom:0}
.alarm-setting-row>span:first-child{flex-shrink:0;max-width:47%;line-height:1.5}
.alarm-sheet :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select){background:#303033;border:1px solid #ffffff0a;border-radius:9px;color:#f5f5f7;min-height:38px;font:inherit;font-size:13px;padding:8px 10px;min-width:0;box-sizing:border-box;max-width:100%;outline-offset:2px!important}
.alarm-setting-row input:not([type=checkbox]),.alarm-setting-row select{width:62%;text-align:right;background:transparent!important;border:0!important;padding-right:0!important}
.alarm-setting-row select{max-width:62%;text-overflow:ellipsis;color:var(--ac-muted)!important;cursor:pointer}
.alarm-setting-row option{background:#262628;color:#f5f5f7}
.alarm-setting-row .alarm-text-button{font-size:12px!important;min-height:30px;text-align:right}
.alarm-setting-row .alarm-text-button svg{width:14px;height:14px}
.alarm-unit-input{display:flex;align-items:center;gap:6px;color:var(--ac-muted);flex-shrink:0}
.alarm-unit-input input{width:58px!important;color:#fff!important}
.alarm-repeat-setting{padding:16px;border-bottom:1px solid #ffffff0b}
.alarm-setting-caption{display:flex;justify-content:space-between;gap:10px;font-size:13px;margin-bottom:13px}
.alarm-setting-caption span{font-size:11px;color:var(--ac-muted);text-align:right}
.alarm-weekdays{display:flex;gap:6px;justify-content:space-between}
.alarm-weekdays label{flex:1;min-width:0;position:relative;cursor:pointer}
.alarm-weekdays span{display:grid;place-items:center;min-height:39px;background:#363639;color:#b9b9c0;border-radius:50%;font-size:10px;letter-spacing:0;max-width:42px;margin:auto}
.alarm-weekdays input:checked+span{background:var(--ac-accent);color:#2c1b03;font-weight:600}
.alarm-weekdays input:disabled+span{opacity:.35;cursor:default}
.alarm-prayer-fields{min-width:0;border:0;padding:22px 0 18px;margin:0}
.alarm-prayer-fields legend{float:left;display:block;width:100%;margin-bottom:14px;font-size:14px;font-weight:500;color:var(--ac-text)}
.alarm-prayer-chips{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;clear:both;margin-bottom:15px}
.alarm-prayer-chips label{position:relative;cursor:pointer}
.alarm-prayer-chips span{display:block;text-align:center;padding:13px 6px;background:#29292c;color:#bcbcc2;border-radius:12px;font-size:13px;border:1px solid transparent}
.alarm-prayer-chips input:checked+span{background:#ffad3218;border-color:#ffad3270;color:var(--ac-accent)}
.alarm-prayer-fields .alarm-setting-row{background:#242426;border-radius:13px}
.alarm-field-note{font-size:11px;line-height:1.8;color:var(--ac-muted);margin:12px 0}
.alarm-settings-group>.alarm-field-note{padding:0 16px}
.alarm-advanced{margin-top:10px}
.alarm-advanced summary{font-size:13px;padding:15px 3px}
.alarm-volume-setting{display:block;padding:18px 16px 0}
.alarm-volume-setting>span{display:flex;justify-content:space-between;font-size:13px}
.alarm-volume-setting output{color:var(--ac-muted);font-size:12px}
.alarm-volume-setting input{width:100%;margin:18px 0 4px;accent-color:var(--ac-accent);padding:0;min-height:24px;cursor:pointer}
.alarm-check-switch i{position:relative;display:block;width:48px;height:28px;background:#48484c;border-radius:20px;flex-shrink:0;pointer-events:none;transition:background .2s}
.alarm-check-switch i:after{content:"";position:absolute;top:2px;left:2px;width:24px;height:24px;background:#fff;border-radius:50%;box-shadow:0 1px 2px #0004;transition:transform .2s}
.alarm-check-switch input:checked+i{background:var(--ac-green)}
.alarm-check-switch input:checked+i:after{transform:translateX(20px)}
.alarm-sheet-intro{font-size:24px;line-height:1.2;letter-spacing:-.6px;font-weight:600;margin:4px 0 12px}
.alarm-upload{display:grid;gap:16px;margin:22px 0}
.alarm-upload>label:first-of-type{display:grid;gap:9px;font-size:12px;color:var(--ac-text)}
.alarm-upload>label:first-of-type span{display:inline;color:var(--ac-muted);font-size:11px}
.alarm-upload input[name=title]{width:100%}
.alarm-file-picker{position:relative;display:flex;flex-direction:column;align-items:center;gap:9px;padding:24px 12px;border:1px dashed #ffad3250;border-radius:16px;background:#ffad3206;text-align:center;cursor:pointer;overflow:hidden}
.alarm-file-picker svg{color:var(--ac-accent);width:25px;height:25px}
.alarm-file-picker strong{font-size:13px;font-weight:500;overflow-wrap:anywhere}
.alarm-file-picker small{font-size:10px;color:var(--ac-muted);line-height:1.6}
.alarm-file-picker input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}
.alarm-file-picker:focus-within{outline:2px solid var(--ac-accent);outline-offset:3px}
.alarm-sound-item{border-top:1px solid var(--ac-line);padding:15px 0}
.alarm-sound-heading{gap:10px}
.alarm-sound-heading>svg{color:var(--ac-accent);width:18px;height:18px}
.alarm-sound-heading strong{flex:1;font-size:13px;min-width:0;overflow-wrap:anywhere;font-weight:500}
.alarm-sound-heading .alarm-icon-button{width:34px;padding:6px}
.alarm-sound-item audio{display:block;width:100%;height:36px;margin:12px 0 0}
.alarm-sound-empty{font-size:12px;color:var(--ac-muted);line-height:1.7;text-align:center;padding:20px 0}
.alarm-confirm{background:#252527;border:1px solid #ffffff14;border-radius:22px;width:calc(100% - 40px);max-width:360px;padding:26px;margin:auto;box-sizing:border-box}
.alarm-confirm h2{font-size:19px;letter-spacing:-.4px;line-height:1.3;margin:0 0 12px;color:var(--ac-text)}
.alarm-confirm p{font-size:13px;line-height:1.6;color:var(--ac-muted);overflow-wrap:anywhere}
.alarm-confirm>div{display:flex;gap:10px;margin-top:24px}
.alarm-confirm .alarm-pill{flex:1}
/* The ringing face is shared visually with the native lock screen. */
.alarm-ring{position:fixed;inset:0;z-index:99999;display:flex;flex-direction:column;align-items:center;padding:max(40px,env(safe-area-inset-top)) 24px max(32px,env(safe-area-inset-bottom));background:radial-gradient(ellipse at 50% 15%,#2e271c 0,transparent 55%),#101011;text-align:center;overflow-y:auto;overscroll-behavior:contain}
.alarm-ring-brand{color:#aaa39a;font-size:10px;letter-spacing:3px;margin:8px 0 0}
.alarm-ring-face{margin:auto 0;display:flex;flex-direction:column;align-items:center;padding:35px 0;min-width:0;max-width:100%}
.alarm-ring-date{color:#c0b9ae;font-size:16px;letter-spacing:-.2px;margin:0 0 14px}
.alarm-ring-time{font-size:clamp(80px,19vw,132px);line-height:1.05;font-weight:200;letter-spacing:-5px;margin:0;font-variant-numeric:tabular-nums;color:#fff}
.alarm-ring-label{display:flex;align-items:center;gap:8px;color:var(--ac-accent);font-size:14px;margin-top:27px}
.alarm-ring-label svg{width:18px;height:18px}
.alarm-ring h2{font-size:24px;line-height:1.4;font-weight:400;letter-spacing:-.3px;overflow-wrap:anywhere;margin:12px 0 0;max-width:420px;color:#f5f5f7}
.alarm-ring-actions{width:100%;max-width:340px;display:grid;gap:15px;flex-shrink:0}
.alarm-ring button{min-height:66px;border:0;border-radius:36px;font:inherit;font-size:20px;font-weight:500;cursor:pointer;width:100%}
.alarm-ring button:focus-visible{outline:3px solid #fff;outline-offset:5px}
.alarm-ring-snooze{background:var(--ac-accent);color:#211507}
.alarm-ring-snooze small{display:block;font-size:12px;font-weight:400;margin-top:3px}
.alarm-ring-stop{background:#ffffff12;color:#fff}
.alarm-ring-hint{font-size:11px;color:#88837b;margin:20px 0 0}
@media(min-width:1200px){.alarm-row-time{font-size:72px}.alarm-next-time{font-size:54px}}
@media(max-width:1000px){.alarm-app{padding:24px}.alarm-workspace{grid-template-columns:minmax(0,1fr) 235px;gap:24px}.alarm-next-summary{flex-wrap:wrap;gap:13px}.alarm-device{padding:20px 18px}}
@media(max-width:760px){.alarm-app{padding:20px;border-radius:24px}.alarm-workspace{grid-template-columns:1fr;gap:28px}.alarm-heading{margin:20px 0 26px}.alarm-heading h1{font-size:40px!important}.alarm-next-summary{flex-wrap:nowrap}.alarm-next-card{margin-bottom:22px}.alarm-aside{display:grid;grid-template-columns:1fr 1fr;gap:16px}.alarm-prayer-note{padding:20px 10px}.alarm-row-time{font-size:64px}}
@media(max-width:480px){.alarm-app{padding:18px 19px;border-radius:22px;margin:0 -4px}.alarm-toolbar .alarm-text-button{font-size:12px!important}.alarm-toolbar .alarm-text-button svg{width:17px;height:17px}.alarm-brand{font-size:9px;letter-spacing:1.5px}.alarm-heading{margin:20px 0 25px}.alarm-heading h1{font-size:38px!important}.alarm-add{width:46px;height:46px}.alarm-next-card{padding:18px;border-radius:18px}.alarm-next-summary{gap:14px}.alarm-next-time{font-size:46px}.alarm-next-summary strong{font-size:12px}.alarm-next-summary div>span{font-size:10px}.alarm-filters button{padding:8px 12px;min-width:49px;font-size:11px}.alarm-list-toolbar>.alarm-text-button{font-size:12px!important}.alarm-row{padding:22px 0;gap:9px}.alarm-row-time{font-size:64px}.alarm-row-time.is-prayer{font-size:44px}.alarm-row-title{font-size:13px}.alarm-row-repeat{font-size:11px}.alarm-row-next{font-size:10px}.alarm-aside{grid-template-columns:1fr;gap:8px}.alarm-device{padding:20px}.alarm-device h2{margin-top:13px}.alarm-device p{margin-bottom:14px}.alarm-prayer-note{padding:20px 12px}.alarm-prayer-note h2{font-size:20px}.alarm-sheet{width:100%;max-width:none;max-height:calc(100dvh - 20px);margin:auto 0 0;border-radius:26px 26px 0 0;border-bottom:0}.alarm-sheet-header{padding:13px 18px;min-height:67px}.alarm-sheet-header h2{font-size:15px}.alarm-sheet-body{padding:18px 16px max(28px,env(safe-area-inset-bottom))}.alarm-settings-group{border-radius:14px}.alarm-setting-row{padding:10px 14px}.alarm-weekdays{gap:5px}.alarm-weekdays span{min-height:36px;font-size:9px}.alarm-time-dials{margin-top:0}.alarm-timezone-hint{margin-bottom:19px}.alarm-ring{padding-left:22px;padding-right:22px}.alarm-ring-time{letter-spacing:-4px}.alarm-ring h2{font-size:21px}.alarm-ring-actions{max-width:310px}}
@media(max-height:600px){.alarm-ring-face{padding:14px 0}.alarm-ring-time{font-size:76px}.alarm-ring-date{font-size:13px;margin-bottom:6px}.alarm-ring-label{margin-top:10px}.alarm-ring h2{font-size:18px;margin-top:6px}.alarm-ring button{min-height:49px;font-size:17px}.alarm-ring-actions{gap:9px}.alarm-ring-hint{margin-top:10px}.alarm-ring{padding-top:20px;padding-bottom:20px}}
@media(prefers-reduced-motion:reduce){.alarm-app *,.alarm-sheet *,.alarm-ring *{scroll-behavior:auto!important;transition:none!important}}

.alarm-ring{margin:0;width:100%;height:100dvh;max-width:none;max-height:none;border:0;border-radius:0;box-sizing:border-box}.alarm-ring:not([open]){display:none}

@media(max-width:480px){.alarm-app.is-editing .alarm-row-time{font-size:46px;letter-spacing:-2px}.alarm-app.is-editing .alarm-row-time.is-prayer{font-size:29px;letter-spacing:-1px;gap:5px;min-height:51px}.alarm-app.is-editing .alarm-row-time.is-prayer svg{width:18px;height:18px}}
.alarm-sheet h2:focus{outline:none}
@media(max-width:480px){.alarm-sheet :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select){font-size:16px}}

.alarm-library-status{font-size:12px;color:var(--ac-accent);line-height:1.7;margin:14px 0;overflow-wrap:anywhere}.alarm-library-status:empty{display:none}.alarm-sheet button:disabled{opacity:.55;cursor:wait}

/* Per-alarm destinations */
.alarm-targets{margin:0 0 24px;padding:0;border:0;min-width:0}.alarm-targets legend{font-size:12px;font-weight:600;margin-bottom:12px}.alarm-target-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.alarm-target-modes label{position:relative;cursor:pointer}.alarm-target-modes input{position:absolute;opacity:0;width:1px;height:1px}.alarm-target-modes span{display:flex;align-items:center;justify-content:center;min-height:44px;padding:9px 6px;border-radius:11px;background:var(--surface2);font-size:11px;text-align:center;border:1px solid var(--line)}.alarm-target-modes input:checked+span{background:#ff9f0a;color:#251603;border-color:#ff9f0a}.alarm-target-modes input:focus-visible+span{outline:2px solid #ff9f0a;outline-offset:3px}.alarm-target-list{display:grid;gap:6px;margin-top:12px}.alarm-target-list[hidden]{display:none}.alarm-target-list label{display:flex;align-items:center;gap:12px;min-height:46px;padding:10px 12px;background:var(--surface2);border-radius:12px}.alarm-target-list input{width:19px;height:19px;accent-color:#ff9f0a;flex:none}.alarm-target-list span{font-size:12px;overflow-wrap:anywhere}.alarm-target-list small{color:var(--muted);font-size:10px}.alarm-targets>p{font-size:11px;line-height:1.7;color:var(--muted);margin:12px 0 0}.alarm-row-devices{font-size:10px;color:var(--muted);margin-top:6px;overflow-wrap:anywhere}.alarm-device-name{border-top:1px solid var(--line);padding-top:15px;margin-top:18px}.alarm-device-name label{display:grid;gap:8px;font-size:11px;color:var(--muted)}.alarm-device-name input{font-size:13px;min-width:0}.alarm-device-name button{margin-top:8px}

.alarm-readiness{border:1px solid var(--ac-line);border-radius:16px;padding:14px 18px;margin:0 0 24px;background:var(--ac-panel);display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,.7fr);gap:4px 20px;align-items:center}
.alarm-readiness-heading{display:flex;gap:10px;align-items:center;justify-content:space-between;font-size:13px;min-width:0}.alarm-readiness output{color:var(--ac-accent);font-weight:700;white-space:nowrap}
.alarm-system-range{grid-column:2;grid-row:1/3;display:block}.alarm-system-range input{width:100%;min-height:44px;accent-color:var(--ac-accent);padding:0;margin:0}
.alarm-readiness p{grid-column:1;font-size:12px;line-height:1.5;color:var(--ac-muted);margin:3px 0;overflow-wrap:anywhere}.alarm-readiness-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px 20px}.alarm-readiness-actions button{font-size:12px!important;min-height:40px;padding:7px 0}
.alarm-readiness.is-low,.alarm-rule-volume.is-low{border-color:#ff9c68;background:#32201c}.alarm-readiness.is-low p,.alarm-rule-volume.is-low .alarm-field-note{color:#ffbe9f}
.alarm-rule-volume{border:1px solid var(--ac-line);border-radius:16px;overflow:hidden;margin:0 0 16px;background:var(--ac-panel)}.alarm-rule-volume .alarm-volume-setting{padding-bottom:4px}.alarm-rule-volume .alarm-setting-row>span small{display:block;color:var(--ac-muted);font-size:11px;margin-top:4px}
.alarm-sheet .alarm-readiness{grid-template-columns:minmax(0,1fr);margin-bottom:16px}.alarm-sheet .alarm-system-range{grid-column:1;grid-row:auto}
.alarm-save-warning{border:1px solid #ff9c68;background:#32201c;color:#ffbe9f;border-radius:14px;padding:15px 16px;margin-bottom:16px}.alarm-save-warning p{font-size:13px;line-height:1.6;margin:8px 0 0}
@media(max-width:600px){.alarm-readiness{grid-template-columns:minmax(0,1fr);padding:12px 14px;gap:3px}.alarm-system-range{grid-column:1;grid-row:auto}.alarm-readiness-actions{gap:6px 18px}.alarm-readiness p{font-size:11px}}

.alarm-transition{border:1px solid var(--line);border-radius:18px;padding:16px;margin-block:16px;background:var(--surface2)}.alarm-transition summary{font-weight:700;cursor:pointer}.alarm-transition summary small{font-size:12px;margin-inline-start:10px;color:var(--muted)}.alarm-transition p{font-size:13px;line-height:1.7}.alarm-transition form{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.alarm-transition label{display:grid;gap:6px;flex:1;min-width:min(100%,220px)}.alarm-transition select{width:100%;min-height:46px}.alarm-transition button{min-height:44px}

.alarm-transition .alarm-transition-check{display:flex;align-items:center;gap:8px}.alarm-transition-check input{width:auto;accent-color:var(--accent,#ff9c48)}

/* Source: assets/nutrition_challenges.css */
/* Diet hub: keep the food diary familiar; give daily goals their own space. */
.ntr-hub-tabs{display:flex;gap:8px;padding:6px;margin:0 0 22px;background:var(--surface2);border:1px solid var(--line);border-radius:18px}
.ntr-hub-tabs a{display:flex;align-items:center;justify-content:center;gap:12px;flex:1;min-height:66px;padding:10px 16px;border-radius:13px;color:var(--muted);box-shadow:none;font-size:14px;line-height:1.4}
.ntr-hub-tabs a[aria-current]{background:var(--surface);color:var(--text);box-shadow:0 3px 14px #0000000d}
.ntr-hub-tabs svg{width:22px;height:22px;flex-shrink:0;color:#9ed6b2}
.ntr-hub-tabs a:first-child svg{color:#ffae55}
.ntr-hub-tabs small{display:block;font-size:10px;font-weight:400;margin-top:3px;color:var(--muted)}
.ntr-mini-preview{display:flex;align-items:center;gap:15px;border:1px solid #9ed6b22b;background:linear-gradient(110deg,#9ed6b212,transparent);border-radius:18px;padding:18px 21px;margin:0 0 20px}
.ntr-mini-preview>div{flex:1;min-width:0}.ntr-mini-preview strong{font-size:14px;font-weight:600;display:block}.ntr-mini-preview div>span{font-size:11px;color:var(--muted);display:block;margin-top:5px;line-height:1.7}.ntr-mini-preview b{color:#9ed6b2;font-size:15px;white-space:nowrap}.ntr-mini-preview>svg{width:20px;height:20px;color:#9ed6b2;flex-shrink:0}.ntr-mini-symbol{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border-radius:13px;background:#9ed6b217;color:#9ed6b2}.ntr-mini-symbol svg{width:22px;height:22px}
.nc-page{--nc-mint:#a7e2bc;--nc-ink:#12291b;--nc-muted:var(--muted);max-width:1180px;margin:auto}
.nc-page svg,.nc-editor svg{width:20px;height:20px;flex-shrink:0}
.nc-page button,.nc-editor button{font:inherit;cursor:pointer;box-shadow:none;letter-spacing:0}
.nc-page [hidden]{display:none!important}
.nc-page a:focus-visible,.nc-page button:focus-visible,.nc-page summary:focus-visible,.nc-editor :is(a,button,input,textarea):focus-visible{outline:3px solid #85bfa0;outline-offset:4px}
.nc-earned{color:var(--nc-mint)!important;border-color:#a7e2bc30!important;background:#a7e2bc0a!important}
.nc-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,1fr);gap:28px;padding:34px 38px;background:linear-gradient(120deg,#a7e2bc16,#a7e2bc05 65%);border:1px solid #a7e2bc29;border-radius:25px;margin:0 0 32px;overflow:hidden}
.nc-eyebrow{font-size:10px;letter-spacing:1.9px;font-weight:600;color:var(--nc-mint)}
.nc-hero h2{font-size:34px;line-height:1.2;letter-spacing:-1.2px;margin:12px 0 13px;font-weight:600;color:var(--text)}
.nc-hero-copy>p{font-size:12px;line-height:1.85;color:var(--muted);max-width:340px;margin:0 0 24px}
.nc-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;border:1px solid transparent;border-radius:13px;padding:12px 17px;font-size:12px!important;font-weight:600;line-height:1.4;text-align:center}
.nc-primary{background:var(--nc-mint,#a7e2bc);color:var(--nc-ink,#12291b)!important;border-color:transparent}
.nc-primary:hover{background:#bbeccb}
.nc-quiet{background:transparent;color:var(--muted);border-color:var(--line)}
.nc-quiet:hover{background:var(--surface2);color:var(--text)}
.nc-button svg{width:16px;height:16px}
.nc-hero-stats{display:grid;grid-template-columns:1fr 1fr;align-items:center;align-self:center;gap:24px 18px;max-width:350px;width:100%;justify-self:center;padding:8px 6px}
.nc-hero-mark{grid-column:1/-1;display:grid;place-items:center;width:72px;height:72px;border-radius:24px;background:linear-gradient(140deg,#a7e2bc25,#a7e2bc09);border:1px solid #a7e2bc30;color:var(--nc-mint);transform:rotate(-8deg);margin:0 auto 5px}
.nc-hero-mark svg{width:38px;height:38px;stroke-width:1.3}
.nc-hero-stats>div{text-align:center}.nc-hero-stats strong{font-size:35px;line-height:1;letter-spacing:-1.3px;font-weight:500;white-space:nowrap;color:var(--text)}.nc-hero-stats strong>span{font-size:20px;color:var(--muted);font-weight:400}.nc-hero-stats p{font-size:10px;color:var(--muted);margin:9px 0 0}.nc-earned-stat{border-left:1px solid #a7e2bc25}.nc-earned-stat strong{color:var(--nc-mint)}.nc-earned-stat small{font-size:12px;letter-spacing:0}
.nc-date-toolbar,.nc-section-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:0 0 18px}.nc-date-toolbar h2,.nc-section-heading h2{font-size:20px;font-weight:600;letter-spacing:-.45px;color:var(--text);margin:0 0 6px}.nc-date-toolbar p{font-size:11px;color:var(--muted);margin:0}.nc-date-picker{display:flex;gap:8px;margin:0;align-items:center}.nc-date-picker input{padding:10px 12px;min-height:44px;font-size:12px;width:154px;border-radius:12px;background:var(--surface);border-color:var(--line);color:var(--text)}.nc-date-go{font-size:11px!important;min-height:44px;padding:8px 11px;background:var(--surface2);border:1px solid var(--line);border-radius:11px;color:var(--text)}
.nc-today-link{font-size:11px;color:var(--nc-mint);display:inline-flex;align-items:center;gap:8px;min-height:40px;margin:-8px 0 12px}.nc-today-link svg{width:14px;height:14px}
.nc-goals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.nc-card{min-width:0;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:22px;position:relative}
.nc-card.is-success{border-color:#a7e2bc42;background:linear-gradient(135deg,#a7e2bc09,transparent 70%),var(--surface)}
.nc-card>header{display:flex;align-items:center;gap:10px;margin-bottom:20px}.nc-goal-symbol{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--nc-card-tone) 12%,transparent);color:var(--nc-card-tone)}.nc-goal-symbol svg{width:23px;height:23px;stroke-width:1.5}.nc-card.is-success .nc-goal-symbol{background:#a7e2bc;color:#173a23}.nc-reward{font-size:10px;color:var(--muted);margin-left:auto;white-space:nowrap}
.nc-card-menu{position:relative;flex-shrink:0}.nc-card-menu summary{display:grid;place-items:center;list-style:none;cursor:pointer;width:38px;height:44px;border-radius:10px;color:var(--muted)}.nc-card-menu summary::-webkit-details-marker{display:none}.nc-card-menu[open] summary{background:var(--surface2)}.nc-card-menu>div{position:absolute;right:0;top:44px;z-index:4;min-width:150px;padding:6px;background:var(--surface2);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 30px #0003}.nc-card-menu a,.nc-card-menu button{display:flex;width:100%;min-height:44px;align-items:center;padding:10px 12px;font-size:12px;border:0;background:none;color:var(--text);border-radius:8px;text-align:left}.nc-card-menu a:hover,.nc-card-menu button:hover{background:var(--surface)}.nc-card-menu form{margin:0}
.nc-card h3{font-size:21px;font-weight:600;letter-spacing:-.55px;line-height:1.35;margin:0 0 9px;overflow-wrap:anywhere;color:var(--text)}.nc-card-note{font-size:12px;color:var(--muted);line-height:1.85;margin:0;min-height:44px;overflow-wrap:anywhere}.nc-card-meta{display:flex;gap:7px 14px;flex-wrap:wrap;font-size:10px;color:var(--muted);margin:18px 0}.nc-card-meta span:first-child{color:var(--nc-card-tone)}
.nc-week{display:flex;justify-content:space-between;gap:5px;padding:15px 0 18px;border-top:1px solid var(--line)}.nc-week a{display:flex;flex-direction:column;align-items:center;gap:9px;min-width:28px;min-height:58px;flex:1;border-radius:10px;font-size:11px;color:var(--muted)}.nc-week small{font-size:9px}.nc-week a>span{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line);border-radius:50%;font-size:10px}.nc-week a.is-selected>span{border-color:#a7e2bc80;color:var(--text)}.nc-week .is-success>span{background:#a7e2bc;color:#173a23!important;border-color:transparent!important}.nc-week .is-success svg{width:14px;height:14px}.nc-week .is-missed>span{color:#ce9891;border-color:#ce989140;background:#ce989109}.nc-week a:hover{background:var(--surface2)}
.nc-result{border-top:1px solid var(--line);padding-top:17px;min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:10px}.nc-result form{margin:0}.nc-mark-form{display:flex;width:100%;gap:8px}.nc-mark-form button{flex:1;padding:11px 9px}.nc-result-label{display:flex;align-items:center;gap:7px;color:var(--nc-mint);font-size:13px;line-height:1.5}.nc-result-label svg{width:16px;height:16px}.nc-result-label.is-missed{color:var(--muted)}.nc-undo{border:0;background:none;color:var(--muted);font-size:10px!important;min-height:44px;padding:8px 0;text-decoration:underline;text-underline-offset:4px}.nc-not-due{font-size:12px;color:var(--muted)}
.nc-empty{text-align:center;border:1px dashed #a7e2bc35;border-radius:22px;background:#a7e2bc04;padding:34px 22px;margin-bottom:24px}.nc-empty>span{display:grid;place-items:center;width:60px;height:60px;margin:0 auto 17px;border-radius:20px;background:#a7e2bc10;color:var(--nc-mint)}.nc-empty>span svg{width:29px;height:29px}.nc-empty h2{font-size:23px;margin:0 0 12px;letter-spacing:-.6px;color:var(--text)}.nc-empty p{font-size:12px;color:var(--muted);line-height:1.8;max-width:370px;margin:0 auto 22px}
.nc-starters{margin-top:34px}.nc-section-heading>span{font-size:10px;color:var(--muted)}.nc-section-heading h2{margin:0;font-size:18px}.nc-preset-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.nc-preset-grid a{display:flex;align-items:center;gap:8px;min-height:70px;padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:15px}.nc-preset-grid strong{flex:1;font-size:11px;font-weight:500;line-height:1.6}.nc-preset-grid a>span{color:#b7d4c1;display:inline-flex}.nc-preset-grid a>span svg{width:18px;height:18px}.nc-preset-grid a>svg{width:14px;height:14px;color:var(--muted)}.nc-preset-grid a:hover{border-color:#a7e2bc60}
.nc-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:32px;padding-top:29px;border-top:1px solid var(--line)}.nc-how h2,.nc-archive h2{font-size:18px;letter-spacing:-.4px;font-weight:600;color:var(--text);margin:12px 0}.nc-how p,.nc-archive>p{font-size:11px;line-height:1.9;color:var(--muted);margin:0 0 12px}.nc-how small{display:block;font-size:10px;color:var(--muted);line-height:1.9}.nc-how>a{display:inline-flex;align-items:center;gap:7px;min-height:44px;color:var(--nc-mint);font-size:11px;margin-top:8px}.nc-how>a svg{width:15px;height:15px}.nc-archive h2{display:flex;align-items:center;gap:9px;margin-top:0}.nc-archive h2>span{font-size:10px;background:var(--surface2);color:var(--muted);border-radius:50%;padding:4px 7px}.nc-archive article{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);padding:15px 0}.nc-archive article>div{min-width:0}.nc-archive strong{display:block;overflow-wrap:anywhere;font-size:12px;font-weight:500}.nc-archive small{display:block;font-size:10px;color:var(--muted);margin-top:6px}.nc-archive form{margin:0;flex-shrink:0}.nc-text-button{font-size:10px!important;color:var(--nc-mint);border:0;background:none;min-height:44px;padding:8px 0}
.nc-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.nc-editor{--nc-mint:#a7e2bc;--nc-ink:#12291b;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:24px;padding:0;width:calc(100% - 32px);max-width:540px;max-height:calc(100dvh - 40px);overflow:auto;overscroll-behavior:contain;margin:auto;box-shadow:0 30px 100px #0005}
.nc-editor::backdrop{background:#0008;backdrop-filter:blur(6px)}.nc-editor header{display:flex;justify-content:space-between;align-items:center;gap:9px;padding:16px 22px;position:sticky;top:0;z-index:2;background:var(--surface);border-bottom:1px solid var(--line)}.nc-editor header>a{font-size:12px;color:var(--muted);min-height:44px;display:inline-flex;align-items:center}.nc-editor h2{font-size:16px;color:var(--text);font-weight:600;letter-spacing:-.5px;margin:0}.nc-editor h2:focus{outline:0}.nc-editor header .nc-button{font-size:11px!important;padding:10px 15px}.nc-editor-body{padding:24px}.nc-editor-body>label,.nc-editor-dates label{display:grid;gap:8px;font-size:12px;margin-bottom:20px;min-width:0}.nc-editor-body label small{font-size:10px;color:var(--muted)}.nc-editor input,.nc-editor textarea{width:100%;min-width:0;max-width:100%;background:var(--surface2);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:12px 14px;min-height:46px;font-size:14px;box-sizing:border-box;font-family:inherit}.nc-editor textarea{resize:vertical;line-height:1.6}.nc-points-input{position:relative}.nc-points-input input{padding-right:58px;font-size:22px;font-weight:600}.nc-points-input>span{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:13px;color:var(--muted)}.nc-reward-note{padding:13px 15px;background:#a7e2bc0c;border:1px solid #a7e2bc20;border-radius:12px;font-size:11px;line-height:1.8;color:var(--muted);margin:-7px 0 22px}.nc-reward-note strong{color:var(--text);font-weight:500}.nc-editor-dates{display:grid;grid-template-columns:1fr 1fr;gap:14px}.nc-editor-help{font-size:10px;line-height:1.9;color:var(--muted);margin:0}
html[data-scheme=light] .nc-page,html[data-scheme=light] .nc-editor{--nc-mint:#276a45;--nc-ink:#fff}html[data-scheme=light] .nc-primary{background:#276a45;color:#fff!important}html[data-scheme=light] .nc-earned,html[data-scheme=light] .ntr-mini-preview b{color:#276a45!important}html[data-scheme=light] .nc-hero h2{color:var(--text)}html[data-scheme=light] .nc-hero{background:linear-gradient(120deg,#e5f1e7,#f5f9ef)}html[data-scheme=light] .nc-card.is-success{background:linear-gradient(135deg,#eaf5ee,#fff)}html[data-scheme=light] .nc-card-meta span:first-child{color:#486d56}html[data-scheme=light] .nc-result-label{color:#276a45}html[data-scheme=light] .nc-goal-symbol{color:#44664e}html[data-scheme=light] .nc-card.is-success .nc-goal-symbol{color:#173a23}
@media(max-width:1100px){.nc-hero{padding:28px;grid-template-columns:minmax(0,1fr) 250px;gap:16px}.nc-hero h2{font-size:30px}.nc-card{padding:20px}.nc-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.nc-hero{grid-template-columns:1fr;padding:26px;margin-bottom:26px}.nc-hero h2{font-size:32px}.nc-hero-copy>p{max-width:100%}.nc-hero-stats{display:flex;max-width:none;padding:22px 0 0;border-top:1px solid #a7e2bc25;gap:0}.nc-hero-stats>div{flex:1}.nc-hero-mark{display:none}.nc-hero-stats strong{font-size:30px}.nc-hero-copy>.nc-button{width:auto}.nc-goals{gap:14px}.nc-date-toolbar{flex-wrap:wrap;gap:14px}.nc-bottom-grid{grid-template-columns:1fr;gap:24px}.ntr-mini-preview{padding:16px}.ntr-mini-preview>svg{display:none}.ntr-mini-preview b{font-size:12px}.nc-section-heading{align-items:baseline;gap:12px}.nc-section-heading>span{font-size:9px}}
@media(max-width:620px){.nc-goals{grid-template-columns:1fr}.nc-card{padding:22px}.nc-card h3{font-size:22px}.nc-card-note{min-height:0}.nc-week a>span{width:32px;height:32px}.nc-date-picker{width:100%}.nc-date-picker label{flex:1;min-width:0}.nc-date-picker input{width:100%;font-size:16px}.nc-date-go{padding:10px 17px}.nc-preset-grid a{padding:14px 12px}.nc-preset-grid strong{font-size:10px}.nc-section-heading{display:block}.nc-section-heading>span{display:block;margin-top:7px}}
@media(max-width:480px){.ntr-hub-tabs{gap:4px;padding:4px;border-radius:15px;margin-bottom:18px}.ntr-hub-tabs a{gap:8px;padding:10px 7px;min-height:61px;font-size:12px}.ntr-hub-tabs svg{width:18px;height:18px}.ntr-hub-tabs small{font-size:8px}.ntr-mini-preview{gap:11px;padding:14px;border-radius:15px}.ntr-mini-symbol{width:34px;height:34px;border-radius:11px}.ntr-mini-preview strong{font-size:12px}.ntr-mini-preview div>span{font-size:10px}.ntr-mini-preview b{font-size:11px}.nc-hero{padding:24px;border-radius:21px}.nc-hero h2{font-size:30px}.nc-hero-copy>p{font-size:11px}.nc-hero-copy>.nc-button{min-height:44px}.nc-date-toolbar h2{font-size:20px}.nc-card{padding:20px;border-radius:20px}.nc-card h3{font-size:21px}.nc-hero-stats strong{font-size:29px}.nc-week a>span{width:30px;height:30px}.nc-editor{width:100%;max-width:none;max-height:calc(100dvh - 16px);margin:auto 0 0;border-radius:24px 24px 0 0;border-bottom:0}.nc-editor header{padding:14px 16px}.nc-editor h2{font-size:14px}.nc-editor-body{padding:20px}.nc-editor input,.nc-editor textarea{font-size:16px}.nc-editor-dates{gap:10px}.nc-editor-dates input{padding:10px 7px;font-size:14px}.nc-editor header>a{font-size:11px}.nc-result-label{font-size:12px}}
@media(prefers-reduced-motion:reduce){.nc-page *,.nc-editor *{scroll-behavior:auto!important;transition:none!important}}
.nc-page{gap:0}.nc-page .pagehead.dly-head{margin-bottom:22px}.ntr-page:not(.nc-page) .ntr-hub-tabs,.ntr-mini-preview{margin-bottom:0}
@media(max-width:480px){.nc-hero{padding:22px;gap:16px}.nc-hero h2{font-size:28px;margin:10px 0}.nc-hero-copy>p{margin-bottom:16px}.nc-hero-stats{padding-top:16px}}

.nc-editor-dates label>span{min-height:32px;line-height:1.5}@media(max-width:480px){.nc-editor-dates input{font-size:16px}}

/* Source: assets/page_symbols.css */
/* Static page symbols; live activity strip and settings. */
.ritim-title-row{display:flex;align-items:center;gap:16px;min-width:0;max-width:100%}
.ritim-title-row>h1{min-width:0;margin:0!important;overflow-wrap:anywhere}
.ritim-title-row>.ritim-surface{flex:none}
.ritim-surface{--ritim-tone:var(--accent,#8dccb4);position:relative;display:block;width:64px;height:64px;min-width:64px;color:var(--text,#edf6f6);box-sizing:border-box;isolation:isolate;letter-spacing:normal;text-transform:none;line-height:1.5;font-family:inherit;font-weight:400}
.ritim-surface .ritim-trigger{display:block;position:relative;width:64px;height:64px;margin:0;padding:0;border:1px solid color-mix(in srgb,var(--ritim-tone) 24%,transparent);border-radius:18px;background:color-mix(in srgb,var(--ritim-tone) 9%,var(--surface,#101b1f));box-shadow:none;cursor:default;overflow:hidden}
.ritim-portrait{display:block;position:relative;width:100%;height:100%;overflow:hidden;border-radius:inherit;pointer-events:none}
.ritim-portrait img{display:block;width:100%;height:100%;max-width:none;object-fit:contain;pointer-events:none}
@media print{.ritim-surface,.ritim-status{display:none!important}}

/* Source: assets/fluid.css */
/* Beta 11.1 — Akıcılık: sayfa geçişleri, açılış, dokunma efekti, bildirim, alt çubuktaki çalar.
   data-motion: full (varsayılan) · soft (yalnız solma) · off (hareket yok). */
:root{--pf-ease:cubic-bezier(.2,.8,.2,1);--pf-spring:cubic-bezier(.3,1.35,.5,1)}

/* Sayfalar arası geçiş (destekleyen tarayıcıda: eski sayfa → yeni sayfa yumuşak geçiş).
   Beta 14.0: eski sayfa kısa sürede söner, yenisi ~250 ms'de belirir; alt çubuk ve menü düğmesi yerinde kalır. */
@view-transition{navigation:auto}
::view-transition-old(root){animation:pf-vt-up .2s cubic-bezier(.4,0,1,1) both}
::view-transition-new(root){animation:pf-vt-in .25s var(--pf-ease) both}
@keyframes pf-vt-up{to{opacity:0;transform:translate3d(0,-14px,0)}}
@keyframes pf-vt-out{to{opacity:0}}
@keyframes pf-vt-in{from{opacity:0}}
html[data-motion="soft"]::view-transition-old(root){animation-name:pf-vt-out}
nav.mobile-dock{view-transition-name:pf-dock}
.sb-open-btn{view-transition-name:pf-menu}
@media(min-width:901px){.sb{view-transition-name:pf-sb}}
::view-transition-group(pf-dock),::view-transition-group(pf-menu),::view-transition-group(pf-sb){animation-duration:0s}
::view-transition-old(pf-dock),::view-transition-old(pf-sb){animation:pf-vt-out .12s ease-out both}
::view-transition-new(pf-dock),::view-transition-new(pf-sb){animation:pf-vt-in .12s ease-out both}
html[data-motion="off"]::view-transition-group(*),html[data-motion="off"]::view-transition-old(*),html[data-motion="off"]::view-transition-new(*){animation:none!important}

/* Açılış: içerik solarak ve 10 px aşağıdan yumuşakça yukarı kayarak gelir (Beta 14.0: tek parça, ~250 ms;
   önceden bölümler sırayla 0,6 sn'de geliyordu, hızlı geçişlerde dağınık görünüyordu). */
@keyframes pf-rise{from{opacity:0;transform:translate3d(0,10px,0)}}
@keyframes pf-fade{from{opacity:0}}
html.pf-enter:not([data-motion="off"]) main.app>*,
html.pf-enter:not([data-motion="off"]) main.app>:only-child>*{animation:pf-rise .25s var(--pf-ease) backwards}
html.pf-enter[data-motion="soft"] main.app>*,
html.pf-enter[data-motion="soft"] main.app>:only-child>*{animation:pf-fade .25s ease-out backwards}
html.pf-enter main.app>:only-child{animation:none!important}
html.pf-enter main.app>link,html.pf-enter main.app>script,html.pf-enter main.app>style{animation:none!important}

/* Beta 14.1: sayfadan çıkışta eski içerik sönmez (donmuş gibi görünüyordu). Dokunulan kısayol hemen
   seçili olur; yeni sayfa 0,3 sn'de gelmezse en üstte ince bir çizgi akar. */
.pf-loadbar{position:fixed;z-index:10000;top:env(safe-area-inset-top,0);left:0;right:0;height:3px;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .2s ease}
.pf-loadbar::before{content:'';position:absolute;top:0;bottom:0;left:0;width:40%;border-radius:3px;background:linear-gradient(90deg,transparent,var(--accent,#8e91ff),var(--accent-2,var(--accent,#8e91ff)),transparent);transform:translateX(-100%);animation:pf-load 1.1s cubic-bezier(.45,.1,.4,.9) infinite}
html.pf-slow .pf-loadbar{opacity:1}
@keyframes pf-load{to{transform:translateX(260%)}}
html[data-motion="off"] .pf-loadbar::before{animation-duration:2.2s}

/* Yerinde güncellemede yeni gelen öğeler */
@keyframes pf-new{from{opacity:.7}}
html:not([data-motion="off"]) .pf-new{animation:pf-new .18s var(--pf-ease) backwards}
html[data-motion="soft"] .pf-new{animation-name:pf-fade}

/* Press feedback stays on its own element, independent of scroll, zoom and fixed ancestors. */
.pf-ripple{display:none!important}
html:not([data-motion="off"]) .pf-pressed{opacity:.86!important}
html[data-motion="soft"] .pf-pressed{opacity:.94!important}
/* Beta 17.10: sayfa değişirken alınan görüntüde yarıda kalan geçiş / animasyon olmasın (bkz. fluid.js pageswap). */
html.pf-swap *,html.pf-swap *::before,html.pf-swap *::after{transition:none!important;animation:none!important}
html.pf-swap .pf-ripple{display:none!important}

/* Busy feedback has no positioned pseudo-element that can escape into another card. */
button.pf-busy,.btn.pf-busy{pointer-events:none;cursor:progress;opacity:.7}
button.pf-busy::after,.btn.pf-busy::after{content:none!important}

/* Bildirim: kaydırma yerinden bağımsız, altta */
.pf-toasts{position:fixed;z-index:9997;left:50%;bottom:calc(22px + env(safe-area-inset-bottom));transform:translateX(-50%);display:grid;gap:8px;justify-items:center;width:min(92vw,440px);pointer-events:none}
.pf-toast{max-width:100%;padding:11px 16px 11px 38px;border-radius:14px;position:relative;font-size:13px;font-weight:600;line-height:1.35;color:var(--text,#f4f6f8);background:color-mix(in srgb,var(--bg,#0b0d12) 90%,var(--text,#fff));border:1px solid color-mix(in srgb,var(--text,#fff) 14%,transparent);box-shadow:0 16px 44px rgba(0,0,0,.45),0 0 0 1px rgba(0,0,0,.2);opacity:0;transform:translate3d(0,14px,0) scale(.96);transition:opacity .28s var(--pf-ease),transform .38s var(--pf-spring)}
.pf-toast::before{content:'✓';position:absolute;left:12px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:18px;height:18px;border-radius:50%;font-size:11px;font-weight:900;color:#08110c;background:var(--ok,#5fe09a)}
.pf-toast.error::before{content:'!';background:var(--danger,#ff5b62);color:#fff}
.pf-toast.warning::before{content:'!';background:#ffbd66;color:#2a1a05}
.pf-toast.in{opacity:1;transform:none}
.pf-toast.out{opacity:0;transform:translate3d(0,8px,0) scale(.98)}
html[data-motion="off"] .pf-toast{transition:none}
@media(max-width:900px){.pf-toasts{bottom:calc(96px + env(safe-area-inset-bottom))}html.dock-has-player .pf-toasts{bottom:calc(158px + env(safe-area-inset-bottom))}}

/* Kartlar ve düğmeler: yumuşak üzerine gelme (fare) */
@media(hover:hover){
html:not([data-motion="off"]) main.app :is(.panel,.glow-card){transition:border-color .25s ease,box-shadow .35s ease,transform .35s var(--pf-ease)}
}

/* ---------- Alt çubukta Zikrin Sesi ---------- */
.dock-player{display:none}
@media(max-width:900px){
nav.mobile-dock .dock-player{grid-column:1/-1;display:grid;grid-template-rows:0fr;opacity:0;margin:0 0 0;transition:grid-template-rows .5s var(--pf-ease),opacity .3s ease,margin .5s var(--pf-ease)}
nav.mobile-dock .dock-player.on{grid-template-rows:1fr;opacity:1;margin-bottom:6px}
html[data-motion="off"] nav.mobile-dock .dock-player{transition:none}
.dock-player .dp-in{position:relative;min-height:0;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;padding:0 2px 0 4px;border-bottom:1px solid color-mix(in srgb,var(--text,#fff) 9%,transparent)}
.dock-player.on .dp-in{padding-bottom:6px}
.dock-player .dp-bar{position:absolute;left:6px;right:6px;bottom:0;height:2px;border-radius:2px;background:color-mix(in srgb,var(--text,#fff) 8%,transparent);overflow:hidden}
.dock-player .dp-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--c1,#1f6b55),var(--c2,#d9bd7a));transition:width .3s linear}
.dock-player .dp-info{display:flex;align-items:center;gap:10px;min-width:0;padding:5px 2px;border:0;background:none;color:var(--text,#f4f6f8);text-align:left;font:inherit;cursor:pointer}
.dock-player .dp-art{position:relative;flex:none;width:36px;height:36px;border-radius:10px;background:radial-gradient(circle at 30% 25%,color-mix(in srgb,var(--c2,#d9bd7a) 85%,#fff),transparent 55%),linear-gradient(135deg,var(--c1,#1f6b55),var(--c2,#d9bd7a));box-shadow:0 4px 14px rgba(0,0,0,.3)}
.dock-player .dp-art::after{content:'';position:absolute;inset:11px;border-radius:50%;border:2px solid rgba(255,255,255,.6)}
.dock-player.is-playing .dp-art::after{animation:pf-pulse 2.4s ease-in-out infinite}
@keyframes pf-pulse{0%,100%{transform:scale(.82);opacity:.5}50%{transform:scale(1.15);opacity:1}}
.dock-player .dp-text{display:grid;min-width:0;line-height:1.2}
.dock-player .dp-text b{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dock-player .dp-text small{font-size:11px!important;opacity:.62;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:0!important}
.dock-player.dp-swap .dp-text{animation:pf-swap .45s var(--pf-ease)}
@keyframes pf-swap{from{opacity:0;transform:translate3d(10px,0,0)}}
.dock-player .dp-btns{display:flex;align-items:center;gap:2px}
.dock-player .dp-btns button{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:none;color:var(--text,#f4f6f8);cursor:pointer}
.dock-player .dp-btns svg{width:18px;height:18px;fill:currentColor;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}
.dock-player .dp-btns .dp-main{width:40px;height:40px;background:var(--text,#f4f6f8);color:var(--bg,#0b0d12);transition:transform .3s var(--pf-spring)}
.dock-player .dp-btns .dp-main svg{width:19px;height:19px;stroke:none}
.dock-player .dp-main .i-pause,.dock-player.is-playing .dp-main .i-play{display:none}
.dock-player.is-playing .dp-main .i-pause{display:block}
.dock-player .dp-close svg{fill:none;width:15px;height:15px;opacity:.55}
html.dock-has-player main.app{padding-bottom:calc(168px + env(safe-area-inset-bottom))!important}
}
@media(max-width:380px){.dock-player [data-dp="prev"]{display:none}}

/* ---------- Ayarlar → Akıcılık ve uygulama ---------- */
.fluid-settings .fl-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 0;border-top:1px solid var(--line,rgba(255,255,255,.08))}
.fluid-settings .fl-row b{display:block;font-size:15px}
.fluid-settings .fl-row small{display:block;margin-top:3px;opacity:.65;font-size:12.5px;line-height:1.4}
.fluid-settings .fl-row-head{grid-template-columns:1fr}
.fl-seg{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;border-radius:14px;background:color-mix(in srgb,var(--text,#fff) 6%,transparent);border:1px solid var(--line,rgba(255,255,255,.08))}
.fl-seg button{min-height:36px;padding:0 14px;border:0;border-radius:10px;background:none;color:inherit;font:inherit;font-size:13px;font-weight:600;opacity:.7;cursor:pointer;transition:background .25s ease,opacity .25s ease,color .25s ease}
.fl-seg button.is-on{opacity:1;background:var(--accent,#8e91ff);color:var(--bg,#0b0d12)}
.fl-wgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;padding-bottom:6px}
.fl-w{position:relative;display:grid;gap:2px;padding:12px 40px 12px 14px;border-radius:14px;border:1px solid var(--line,rgba(255,255,255,.08));background:color-mix(in srgb,var(--text,#fff) 4%,transparent);color:inherit;font:inherit;text-align:left;cursor:pointer}
.fl-w b{font-size:14px}.fl-w small{font-size:12px;opacity:.6}
.fl-w i{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:24px;height:24px;border-radius:50%;font-style:normal;font-weight:800;background:var(--accent,#8e91ff);color:var(--bg,#0b0d12)}
.fl-w:disabled{opacity:.45;cursor:default}
.fl-web-note{margin:12px 0 0;font-size:12.5px;opacity:.6}
@media(max-width:560px){.fluid-settings .fl-row{grid-template-columns:1fr}.fl-seg{justify-self:start}}

@media(prefers-reduced-motion:reduce){html:not([data-motion="full"]) *{scroll-behavior:auto}}
.fluid-settings [hidden]{display:none!important}

/* ---------- Beta 11.3: kaydırma performansı (120 Hz) ----------
   1) Sayfa zemini "background-attachment:fixed" idi: Android'de kaydırmanın her karesinde
      bütün ekran yeniden boyanıyordu. Aynı zemin artık sabit, ayrı bir katmanda (ekran kartı kaydırır).
   2) Kayan kartlardaki arka plan bulanıklığı (blur 18px) her karede yeniden hesaplanıyordu;
      kartlar zaten neredeyse opak olduğu için görünüm değişmeden kaldırıldı. Sabit öğelerde (alt çubuk) kalır. */
html{background:var(--bg,#07090c)}
body{background:transparent!important;background-attachment:scroll!important}
body::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 80% -10%,var(--glow-a,transparent),transparent 36%),radial-gradient(circle at 10% 110%,var(--glow-b,transparent),transparent 36%),var(--bg,#07090c);transform:translateZ(0)}
.panel,.metric,.history-strip article,.nutrition-kpis article,.body-kpis article,.meals>article,.library article,.compact-welcome .ai-welcome{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
@media(max-width:900px){.mobile-dock{-webkit-backdrop-filter:blur(16px) saturate(1.15)!important;backdrop-filter:blur(16px) saturate(1.15)!important}}

/* Beta 11.6: Maneviyat renkleri — alt çubuk sol panelle aynı (her bölüm ayrı ton). */
.mobile-dock a[data-route="hafiz"],.sb-link[data-route="hafiz"]{--route-color:#ff8a65}
.mobile-dock a[data-route="zikr_sound"],.sb-link[data-route="zikr_sound"]{--route-color:#5aa9ff}
.mobile-dock a[data-route="sunnah"],.sb-link[data-route="sunnah"]{--route-color:#4cd97b}
.mobile-dock a[data-route="ilim"],.sb-link[data-route="ilim"]{--route-color:#2fd3e0}
/* Beta 12.5: masaüstü kaydırma çubukları — ince, zeminle bütün; kenar çubuğununki yalnız üzerine gelince. */
@media(hover:hover) and (pointer:fine){
html{scrollbar-color:color-mix(in srgb,var(--text,#fff) 16%,transparent) transparent}
html,body{scrollbar-width:thin}
.sb-nav{scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color .3s}
.sb-nav:hover{scrollbar-color:color-mix(in srgb,var(--text,#fff) 18%,transparent) transparent}
}

/* ---------- Beta 17.2: Güç tasarrufu (Ayarlar → Akıcılık ve uygulama; bu cihaz) ----------
   Ekran kartını en çok yoran iki şey kapanır: arka plan bulanıklığı (sabit alt çubuk ve Pano widget'larında
   kaydırmanın her karesinde yeniden hesaplanır) ve sürekli dönen animasyonlar (çalan plak, ekolayzer,
   aura, nabız; bir kez oynar, durur). Bulanıklık gidince saydam yüzeyler okunur kalsın diye koyulaşır. */
html[data-saver="on"] *,html[data-saver="on"] *::before,html[data-saver="on"] *::after,html[data-saver="on"] ::backdrop{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;animation-iteration-count:1!important}
html[data-saver="on"] .mobile-dock{background-color:color-mix(in srgb,var(--surface,#11141b) 97%,transparent)!important}
/* Yükleme göstergeleri (kısa süreli) dönmeye devam eder. */
html[data-saver="on"] .pf-loadbar::before{animation-iteration-count:infinite!important}
html[data-saver="on"] .wk-glass{background-color:rgba(18,22,32,max(.8,var(--wk-alpha,.34)))}
html[data-saver="on"] :is(.pn-sheet,.pn-ctl,.b35-overlay.fp){background-color:rgba(4,6,10,.86)}

/* Beta 17.4: akıcı güncelleme sırasında kaydırma çapası kapalı (fluid.js pf-morphing). */
html.pf-morphing,html.pf-morphing body,html.pf-morphing *{overflow-anchor:none!important}
/* Beta 17.11: Ayarlar › Güncellemeler */
.app-upd [hidden]{display:none!important}
.app-upd .au-act{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.app-upd .au-act .btn{white-space:nowrap}
.app-upd .au-foot small{opacity:.6}
@media(max-width:600px){.app-upd .au-row{grid-template-columns:1fr}.app-upd .au-row .au-act{justify-content:flex-start}}

/* Source: assets/light_fix.css */
/* Beta 13.8 — Açık temalar: koyu tema için yazılmış sabit renklerin açık karşılıkları.
 * .dev/light_scan.py ile üretildi (elle düzenlemeyin; elle düzeltmeler light_fix_manual.css içinde). */
:where(html[data-scheme="light"]) .compact-welcome .ai-welcome header>span.offline{color:#8f5228}
:where(html[data-scheme="light"]) .icon-btn.danger{color:#a3141b}
:where(html[data-scheme="light"]) .offline-state{background:var(--surface);border-color:var(--line);color:#a36514}
:where(html[data-scheme="light"]) .superset-badge{color:#5414a3}
:where(html[data-scheme="light"]) .auto-rest-overlay{background:var(--surface)}
:where(html[data-scheme="light"]) .prayer-tile>span{color:#5614a3}
:where(html[data-scheme="light"]) .day-rollover-banner{background:var(--surface);border-color:var(--line)}
:where(html[data-scheme="light"]) .day-rollover-banner span{color:#736035}
:where(html[data-scheme="light"]) .prayer-fajr{color:#1456a3}
:where(html[data-scheme="light"]) .prayer-dhuhr{color:#2b8c82}
:where(html[data-scheme="light"]) .prayer-asr{color:#a36a14}
:where(html[data-scheme="light"]) .prayer-maghrib{color:#a31414}
:where(html[data-scheme="light"]) .prayer-isha{color:#3914a3}
:where(html[data-scheme="light"]) .prayer-witr{color:#991e77}
:where(html[data-scheme="light"]) .quota-battery span{color:var(--text)}
:where(html[data-scheme="light"]) .beta11-target-form .macro-total.error{color:#a31424}
:where(html[data-scheme="light"]) input,:where(html[data-scheme="light"]) select{background:var(--surface2);border-color:var(--line)}
:where(html[data-scheme="light"]) aside{background:var(--surface)}
:where(html[data-scheme="light"]) .brand i,:where(html[data-scheme="light"]) .install-brand i{background:var(--surface);border-color:var(--line)}
:where(html[data-scheme="light"]) .eyebrow{color:var(--muted)}
:where(html[data-scheme="light"]) .panel{background:var(--surface);border-color:var(--line)}
:where(html[data-scheme="light"]) .btn{background:var(--surface2);border-color:var(--line);color:var(--text)}
:where(html[data-scheme="light"]) .btn.danger{background:var(--surface2);border-color:var(--line);color:#a3141b}
:where(html[data-scheme="light"]) .scoreboard{background:var(--surface);border-color:var(--line)}
:where(html[data-scheme="light"]) .metric>div{background:var(--surface)}
:where(html[data-scheme="light"]) .rank.bronze{color:#875531}
:where(html[data-scheme="light"]) .rank.silver{color:var(--muted)}
:where(html[data-scheme="light"]) .rank.gold{color:#917012}
:where(html[data-scheme="light"]) .rank.diamond{color:#13869a}
:where(html[data-scheme="light"]) .rank.platinum{color:var(--text)}
:where(html[data-scheme="light"]) .template-picker input:checked+span{background:var(--surface2);border-color:var(--line)}
:where(html[data-scheme="light"]) .mode{background:var(--surface);border-color:var(--line)}
:where(html[data-scheme="light"]) .mode.on{background:var(--surface);border-color:var(--line);color:#4a14a3}
:where(html[data-scheme="light"]) .setrow button{background:var(--surface);border-color:var(--line)}
:where(html[data-scheme="light"]) .prayers button{background:var(--surface);border-color:var(--line)}
:where(html[data-scheme="light"]) .prayers button.done{background:var(--surface);border-color:var(--line)}
:where(html[data-scheme="light"]) .library article>span{background:var(--surface)}
:where(html[data-scheme="light"]) .history-table .thead{background:var(--surface)}
:where(html[data-scheme="light"]) .flash.error{background:var(--surface);border-color:var(--line);color:#a3141b}
:where(html[data-scheme="light"]) .flash.success{background:var(--surface);border-color:var(--line);color:#279153}
:where(html[data-scheme="light"]) .category-icon{color:color-mix(in srgb,var(--cat) 62%,#000)}
:where(html[data-scheme="light"]) .remove-ex{color:#a3141b}
:where(html[data-scheme="light"]) .delete-set{color:#a3141b!important}
:where(html[data-scheme="light"]) .favorite.on{color:#917212}
:where(html[data-scheme="light"]) .module-link{color:color-mix(in srgb,var(--cat) 62%,#000)}
:where(html[data-scheme="light"]) .theme-previews .obsidian{background:var(--surface)}
:where(html[data-scheme="light"]) .beta13-nutrition-rule strong{color:#a35e14}
:where(html[data-scheme="light"]) .beta137-home-scores header .eyebrow{color:#4d14a3}
:where(html[data-scheme="light"]) .beta142-program-choices>a>strong{color:color-mix(in srgb,var(--cyan) 62%,#000)}
:where(html[data-scheme="light"]) .beta142-choice-icon{color:color-mix(in srgb,var(--cyan) 62%,#000)}
:where(html[data-scheme="light"]) .beta142-choice-icon.diet{color:#a35c14}
:where(html[data-scheme="light"]) .beta143-active-note{color:color-mix(in srgb,var(--cyan) 62%,#000)}
:where(html[data-scheme="light"]) .beta143-icon-preview{background:var(--surface);border-color:var(--line)}
:where(html[data-scheme="light"]) .beta143-icon-preview span{color:color-mix(in srgb,var(--cyan) 62%,#000)}
:where(html[data-scheme="light"]) .brand .brand-app-icon{background:transparent}
:where(html[data-scheme="light"]) .auth-login-v145{background:var(--surface)}
:where(html[data-scheme="light"]) .login-v145{background:var(--surface);border-color:var(--line)}
:where(html[data-scheme="light"]) .login-v145-icon{background:transparent;border-color:transparent}
:where(html[data-scheme="light"]) .login-v145-brand h1{color:var(--text)}
:where(html[data-scheme="light"]) .login-v145 label{color:var(--muted)}
:where(html[data-scheme="light"]) .login-v145 input{background:var(--surface2);border-color:var(--line)}
:where(html[data-scheme="light"]) .beta16-favorite-toggle:hover{color:#a17817}
:where(html[data-scheme="light"]) .beta16-favorite-toggle.is-favorite{color:#9a7613}
:where(html[data-scheme="light"]) select[name="food_id"] option[data-beta16-favorite="1"]{background:var(--surface2);color:#9a7613}
:where(html[data-scheme="light"]) .beta20-table thead th{background:var(--surface2);color:var(--text)}
:where(html[data-scheme="light"]) .beta20-comparison tbody th{background:var(--surface2)}
:where(html[data-scheme="light"]) .beta20-history tbody th{background:var(--surface2)}
:where(html[data-scheme="light"]) .beta20-chart{color:#1f8999}
:where(html[data-scheme="light"]) .beta21-notice p,:where(html[data-scheme="light"]) .beta21-sick p,:where(html[data-scheme="light"]) .beta21-chart p{color:var(--muted)}
:where(html[data-scheme="light"]) .beta22-words input:checked+span,:where(html[data-scheme="light"]) .beta22-count input:checked+span{background:var(--surface2);border-color:var(--line);color:#107f6e}
:where(html[data-scheme="light"]) .beta22-modal{background:var(--surface);border-color:var(--line);color:var(--text)}
:where(html[data-scheme="light"]) .beta22-modal::backdrop{background:var(--surface)}
:where(html[data-scheme="light"]) .beta22-modal p{color:var(--muted)}
:where(html[data-scheme="light"]) .beta22-modal [role=alert]{color:#a31414}
:where(html[data-scheme="light"]) .beta22-records summary small{color:var(--muted)}
:where(html[data-scheme="light"]) .beta22-rest-replacement{color:#268779}
:where(html[data-scheme="light"]) .beta22-records summary:after{color:var(--muted)}
:where(html[data-scheme="light"]) .beta24-categories>a:hover{background:var(--surface)}
:where(html[data-scheme="light"]) .beta25-task h2{color:color-mix(in srgb,var(--zikr-tone) 62%,#000)}
:where(html[data-scheme="light"]) .beta25-done{color:#238b4e}
:where(html[data-scheme="light"]) .beta25-form fieldset label:has(input:checked){background:var(--surface2);border-color:var(--line)}
:where(html[data-scheme="light"]) .beta25-entry>summary{color:#2b8c7d}
:where(html[data-scheme="light"]) .beta22-home .beta22-distribution ul>li{background:var(--surface);border-color:var(--line)}
:where(html[data-scheme="light"]) .beta22-home .beta22-distribution ul>li>b:before{color:var(--muted)}
:where(html[data-scheme="light"]) .beta31-stopwatch strong{color:#1442a3}
:where(html[data-scheme="light"]) .beta31-food-count{color:var(--muted)}
:where(html[data-scheme="light"]) .zikr-progress{background:var(--surface);border-color:var(--line)}
:where(html[data-scheme="light"]) .zikr-settings-row{background:var(--surface);border-color:var(--line)}
:where(html[data-scheme="light"]) .zikr-settings-input input{background:var(--surface2);border-color:var(--line);color:var(--text)}
:where(html[data-scheme="light"]) .makeup-dp-list li{background:var(--surface);border-color:var(--line)}
:where(html[data-scheme="light"]) .journal-day{background:var(--surface);border-color:var(--line)}
:where(html[data-scheme="light"]) .journal-form textarea,:where(html[data-scheme="light"]) .journal-form input{background:var(--surface2);border-color:var(--line);color:var(--text)}
:where(html[data-scheme="light"]) .journal-list article{background:var(--surface);border-color:var(--line)}
:where(html[data-scheme="light"]) .nutrition35-bar{background:var(--surface);border-color:var(--line)}
:where(html[data-scheme="light"]) .nutrition35-entries li{background:var(--surface);border-color:var(--line)}
:where(html[data-scheme="light"]) .save-meal-template input{background:var(--surface2);border-color:var(--line);color:var(--text)}
:where(html[data-scheme="light"]) .nutrition35-fav{background:var(--surface);border-color:var(--line)}
:where(html[data-scheme="light"]) .nutrition35-field select,:where(html[data-scheme="light"]) .nutrition35-field input{background:var(--surface2);border-color:var(--line);color:var(--text)}
:where(html[data-scheme="light"]) .b35-overlay{background:var(--surface)}
:where(html[data-scheme="light"]) .b35-close{background:var(--surface);border-color:var(--line)}
:where(html[data-scheme="light"]) .b35-search{background:var(--surface);border-color:var(--line);color:var(--text)}
:where(html[data-scheme="light"]) .b35-chip{background:var(--surface2);border-color:var(--line)}
:where(html[data-scheme="light"]) .b35-row{background:var(--surface);border-color:var(--line)}
:where(html[data-scheme="light"]) .b35-portion{background:var(--surface);border-color:var(--line)}
:where(html[data-scheme="light"]) .b35-grams input{background:var(--surface2);border-color:var(--line);color:var(--text)}
:where(html[data-scheme="light"]) .food-repair-grid span{background:var(--surface);border-color:var(--line)}
:where(html[data-scheme="light"]) .diet-program-tabs a.active{background:var(--surface);border-color:var(--line)}
:where(html[data-scheme="light"]) .beta25-undo .text-btn{color:#a3141b}
:where(html[data-scheme="light"]) .beta25-undo .text-btn:hover{color:#a3141b}
:where(html[data-scheme="light"]) .quran-card-progress{color:#2e5289}
:where(html[data-scheme="light"]) .beta25-task h2{color:color-mix(in srgb,var(--zikr-tone) 62%,#000)}
:where(html[data-scheme="light"]) .beta25-task.is-done .beta25-done{color:color-mix(in srgb,var(--zikr-tone) 62%,#000)}
:where(html[data-scheme="light"]) .ilim-head{background:var(--surface);border-color:var(--line)}
:where(html[data-scheme="light"]) .ilim-day-score{background:var(--surface);border-color:var(--line)}
:where(html[data-scheme="light"]) .ilim-day-score strong{color:color-mix(in srgb,var(--ilim) 62%,#000)}
:where(html[data-scheme="light"]) .ilim-kpis article,:where(html[data-scheme="light"]) .ilim-detail-kpis article{background:var(--surface);border-color:var(--line)}
:where(html[data-scheme="light"]) .ilim-alert{color:#987320}
:where(html[data-scheme="light"]) .ilim-book-card{background:var(--surface);border-color:var(--line)}
:where(html[data-scheme="light"]) .ilim-book-category{color:color-mix(in srgb,var(--ilim) 62%,#000)}
:where(html[data-scheme="light"]) .ilim-reading-list b{color:color-mix(in srgb,var(--ilim) 62%,#000)}
:where(html[data-scheme="light"]) .ilim-reading-list button{color:#a31424}
:where(html[data-scheme="light"]) .ilim-back{color:color-mix(in srgb,var(--ilim) 62%,#000)}
:where(html[data-scheme="light"]) .ilim-detail-progress strong{color:color-mix(in srgb,var(--ilim) 62%,#000)}
:where(html[data-scheme="light"]) .ilim-reach-card{background:var(--surface);border-color:var(--line)}
:where(html[data-scheme="light"]) .ilim-notes article span{color:color-mix(in srgb,var(--ilim) 62%,#000)}
:where(html[data-scheme="light"]) .ilim-note-edit summary{color:color-mix(in srgb,var(--ilim) 62%,#000)}
:where(html[data-scheme="light"]) .daily-verse-card .eyebrow{color:color-mix(in srgb,var(--verse) 62%,#000)}
:where(html[data-scheme="light"]) .daily-verse-card footer a{color:color-mix(in srgb,var(--verse) 62%,#000)}
:where(html[data-scheme="light"]) .daily-verse-source{color:#1478a3}
:where(html[data-scheme="light"]) .daily-verse-list article a{color:#1478a3}
:where(html[data-scheme="light"]) .ilim-head{background:var(--surface);border-color:var(--line)}
:where(html[data-scheme="light"]) .ilim-day-score{background:var(--surface);border-color:var(--line)}
:where(html[data-scheme="light"]) .ilim-day-score strong{color:#876e30}
:where(html[data-scheme="light"]) .ilim-kpis article,:where(html[data-scheme="light"]) .ilim-detail-kpis article{background:var(--surface)}
:where(html[data-scheme="light"]) .ilim-library,:where(html[data-scheme="light"]) .ilim-chart-panel,:where(html[data-scheme="light"]) .ilim-notebook,:where(html[data-scheme="light"]) .ilim-global-notes,:where(html[data-scheme="light"]) .ilim-note-filter,:where(html[data-scheme="light"]) .ilim-book-settings,:where(html[data-scheme="light"]) .ilim-reach-card{background:var(--surface)}
:where(html[data-scheme="light"]) .ilim-book-category{color:color-mix(in srgb,var(--book-accent) 62%,#000)}
:where(html[data-scheme="light"]) .ilim-detail-head .eyebrow,:where(html[data-scheme="light"]) .ilim-detail-progress strong,:where(html[data-scheme="light"]) .ilim-detail .ilim-back{color:color-mix(in srgb,var(--book-accent) 62%,#000)}
:where(html[data-scheme="light"]) .ilim-notes>article.pinned{background:var(--surface);border-color:var(--line)}
:where(html[data-scheme="light"]) .ilim-note-book{color:color-mix(in srgb,var(--book-accent) 62%,#000)}
:where(html[data-scheme="light"]) .ilim-note-meta span{color:color-mix(in srgb,var(--book-accent) 62%,#000)!important}
:where(html[data-scheme="light"]) .ilim-note-edit>summary{color:color-mix(in srgb,var(--book-accent) 62%,#000)}
:where(html[data-scheme="light"]) .beta22-modal .beta22-words label>span>small{color:var(--muted)}
:where(html[data-scheme="light"]) .beta55-task-progress>span{background:var(--surface)}
:where(html[data-scheme="light"]) .beta55-task-progress>strong{color:var(--muted)}
:where(html[data-scheme="light"]) .beta55-stacked-bars article>div{background:var(--surface)}
:where(html[data-scheme="light"]) .beta58-choice-index{color:color-mix(in srgb,var(--prayer-accent) 62%,#000)}
:where(html[data-scheme="light"]) .beta58-choice-icon{background:var(--surface);border-color:var(--line);color:color-mix(in srgb,var(--prayer-accent) 62%,#000)}
:where(html[data-scheme="light"]) .beta58-prayer-choice small{color:color-mix(in srgb,var(--prayer-accent) 62%,#000)}
:where(html[data-scheme="light"]) .beta58-prayer-choice>strong{color:color-mix(in srgb,var(--prayer-accent) 62%,#000)}
:where(html[data-scheme="light"]) .beta58-choice-status{color:var(--muted)}
:where(html[data-scheme="light"]) .beta60-body-nav a{background:var(--surface);border-color:var(--line);color:var(--text)}
:where(html[data-scheme="light"]) .beta60-body-page .beta20-controls label{color:var(--muted)}
:where(html[data-scheme="light"]) .beta60-body-kpis article{background:var(--surface);border-color:var(--line)}
:where(html[data-scheme="light"]) .beta60-body-kpis b{color:var(--muted)}
:where(html[data-scheme="light"]) .beta60-body-page .beta20-chart-scroll{background:var(--surface)}
:where(html[data-scheme="light"]) .beta60-analysis-controls label{color:var(--muted)}
:where(html[data-scheme="light"]) .beta60-analysis-kpis strong small{color:var(--muted)}
:where(html[data-scheme="light"]) .beta60-analysis-kpis strong.up{color:#288f53}
:where(html[data-scheme="light"]) .beta60-analysis-kpis strong.down{color:#a3141c}
:where(html[data-scheme="light"]) .beta60-chart-wrap{background:var(--surface);border-color:var(--line)}
:where(html[data-scheme="light"]) .beta60-chart{color:#1f8999}
:where(html[data-scheme="light"]) #beta60-workout-table thead th{background:var(--surface2);color:var(--text)}
:where(html[data-scheme="light"]) #beta60-workout-table tbody th{color:#1f8999}
:where(html[data-scheme="light"]) .beta60-set-list{color:var(--muted)}
:where(html[data-scheme="light"]) .beta60-export-status{color:#288f53}
:where(html[data-scheme="light"]) .beta60-export-status.error{color:#a3141c}
@media(max-width:760px){:where(html[data-scheme="light"]) .beta60-body-nav{background:var(--surface)}}
@media(max-width:760px){:where(html[data-scheme="light"]) .beta60-body-page .beta20-comparison tr{background:var(--surface);border-color:var(--line)}}
@media(max-width:760px){:where(html[data-scheme="light"]) .beta60-body-page .beta20-comparison th{color:#1f8999}}
@media(max-width:760px){:where(html[data-scheme="light"]) .beta60-mobile-measurements article{background:var(--surface);border-color:var(--line)}}
@media(max-width:760px){:where(html[data-scheme="light"]) .beta60-mobile-measurements header span{color:#1f8999}}
@media(max-width:760px){:where(html[data-scheme="light"]) .beta60-mobile-measurements p{color:var(--muted)}}
@media(max-width:760px){:where(html[data-scheme="light"]) .beta60-body-page .beta13-daily-flow>article time{color:#1f8999}}
@media(max-width:760px){:where(html[data-scheme="light"]) #beta60-workout-table tr{background:var(--surface)!important;border-color:var(--line)!important}}
:where(html[data-scheme="light"]) .journal-editor{background:var(--surface);border-color:var(--line)}
:where(html[data-scheme="light"]) .journal-compose{background:var(--surface);border-color:var(--line)}
:where(html[data-scheme="light"]) .journal-toolbar{background:var(--surface)}
:where(html[data-scheme="light"]) .journal-toolbar button{background:var(--surface);border-color:var(--line);color:var(--text)}
:where(html[data-scheme="light"]) .journal-toolbar button:hover,:where(html[data-scheme="light"]) .journal-toolbar button:focus-visible{color:var(--text)}
:where(html[data-scheme="light"]) .journal-rich-editor{color:var(--text)}
:where(html[data-scheme="light"]) .bt-delta.is-good{color:color-mix(in srgb,var(--bt-good) 62%,#000)}
:where(html[data-scheme="light"]) .bt-delta.is-bad{color:color-mix(in srgb,var(--bt-bad) 62%,#000)}
:where(html[data-scheme="light"]) .bt-ffmi>div:first-child em{color:#2c8c80}
:where(html[data-scheme="light"]) .bt-goal header .eyebrow{color:color-mix(in srgb,var(--bt-tone) 62%,#000)}
:where(html[data-scheme="light"]) .bt-goal header b{color:color-mix(in srgb,var(--bt-tone) 62%,#000)}
:where(html[data-scheme="light"]) .bt-chips>a:hover,:where(html[data-scheme="light"]) .bt-custom>summary:hover{color:var(--text)}
:where(html[data-scheme="light"]) .bt-chart-panel{color:color-mix(in srgb,var(--bt-tone) 62%,#000)}
:where(html[data-scheme="light"]) .bt-chart-panel .bt-panel-head,:where(html[data-scheme="light"]) .bt-chart-panel dl,:where(html[data-scheme="light"]) .bt-chart-panel .empty{color:var(--text)}
:where(html[data-scheme="light"]) .bt-compare-list small b{color:var(--text)}
:where(html[data-scheme="light"]) .bt-active-chip b{color:color-mix(in srgb,var(--bt-good) 62%,#000)}
:where(html[data-scheme="light"]) .bt-chart{color:color-mix(in srgb,var(--bt-tone) 62%,#000)}
:where(html[data-scheme="light"]) .cardio-zikr-target.is-over strong{color:#279157}
:where(html[data-scheme="light"]) .cz-kind.is-cardio{color:#279157}
:where(html[data-scheme="light"]) .cz-kind.is-warning{color:#a36614}
:where(html[data-scheme="light"]) .chp-head .eyebrow{color:color-mix(in srgb,var(--chp) 62%,#000)}
:where(html[data-scheme="light"]) .chp-ring span{color:color-mix(in srgb,var(--chp) 62%,#000)}
:where(html[data-scheme="light"]) .chp-tiles span{color:color-mix(in srgb,var(--chp) 62%,#000)}
:where(html[data-scheme="light"]) .chp-table small{color:#4f14a3}
:where(html[data-scheme="light"]) .chp-history b.is-active{color:color-mix(in srgb,var(--chp) 62%,#000)}
:where(html[data-scheme="light"]) .chp-history b.is-completed{color:#279157}
:where(html[data-scheme="light"]) .jr-panel .eyebrow{color:color-mix(in srgb,var(--jr) 62%,#000)}
:where(html[data-scheme="light"]) .jr-stats span{color:color-mix(in srgb,var(--jr) 62%,#000)}
:where(html[data-scheme="light"]) .jr-panel .jr-strip .journal-day time{color:var(--text)}
:where(html[data-scheme="light"]) .jr-day-head p b{color:var(--text)}
:where(html[data-scheme="light"]) .jr-day-head .jr-sick{color:#4f14a3}
:where(html[data-scheme="light"]) .jr-nav{color:var(--text)}
:where(html[data-scheme="light"]) .jr-scale input:checked+span small{color:var(--text)}
:where(html[data-scheme="light"]) .jr-form .journal-toolbar button{color:var(--text)!important}
:where(html[data-scheme="light"]) .jr-prompts button:hover{color:color-mix(in srgb,var(--jr) 62%,#000)}
:where(html[data-scheme="light"]) .jr-status[data-state=draft]::after{color:color-mix(in srgb,var(--jr) 62%,#000)}
:where(html[data-scheme="light"]) .jr-status[data-state=restored]::after{color:color-mix(in srgb,var(--jr) 62%,#000)}
:where(html[data-scheme="light"]) .jr-archive .journal-list article>header a{color:color-mix(in srgb,var(--jr) 62%,#000)}
:where(html[data-scheme="light"]) .jr-badge.mood-1{color:#a31414}
:where(html[data-scheme="light"]) .jr-badge.mood-2{color:#a35314}
:where(html[data-scheme="light"]) .jr-badge.mood-3{color:#8d7d20}
:where(html[data-scheme="light"]) .jr-badge.mood-4{color:#2f883a}
:where(html[data-scheme="light"]) .jr-badge.mood-5{color:#208898}
:where(html[data-scheme="light"]) .cc-challenge-top .eyebrow{color:#967321}
:where(html[data-scheme="light"]) .cc-challenge-top b{color:#967321}
:where(html[data-scheme="light"]) .cc-tile-head{color:color-mix(in srgb,var(--tone) 62%,#000)}
:where(html[data-scheme="light"]) .cc-rank.rank-diamond{color:#147ca3}
:where(html[data-scheme="light"]) .cc-rank.rank-platinum{color:var(--muted)}
:where(html[data-scheme="light"]) .cc-rank.rank-gold{color:#967321}
:where(html[data-scheme="light"]) .cc-rank.rank-silver{color:var(--muted)}
:where(html[data-scheme="light"]) .cc-rank.rank-bronze{color:#875831}
:where(html[data-scheme="light"]) .cc-tile strong{color:var(--text)}
:where(html[data-scheme="light"]) .cc-tile-foot b{color:color-mix(in srgb,var(--tone) 62%,#000)}
:where(html[data-scheme="light"]) .cc-group header .eyebrow{color:color-mix(in srgb,var(--tone) 62%,#000)}
:where(html[data-scheme="light"]) .cc-row:hover .cc-row-label{color:color-mix(in srgb,var(--tone) 62%,#000)}
:where(html[data-scheme="light"]) .dly-page .eyebrow{color:color-mix(in srgb,var(--tone) 62%,#000)}
:where(html[data-scheme="light"]) .dly-back:hover{color:color-mix(in srgb,var(--tone) 62%,#000)}
:where(html[data-scheme="light"]) .dly-chip{color:color-mix(in srgb,var(--tone) 62%,#000)}
:where(html[data-scheme="light"]) .dly-link{color:color-mix(in srgb,var(--tone) 62%,#000)}
:where(html[data-scheme="light"]) .dly-score>span{color:color-mix(in srgb,var(--tone) 62%,#000)}
:where(html[data-scheme="light"]) .dly-tiles span{color:color-mix(in srgb,var(--tone) 62%,#000)}
:where(html[data-scheme="light"]) .dly-days article.is-today time{color:color-mix(in srgb,var(--tone) 62%,#000)}
:where(html[data-scheme="light"]) .dly-alert{color:#a36614}
:where(html[data-scheme="light"]) .dly-fold>summary::after,:where(html[data-scheme="light"]) .dly-fold-plain>summary::after{color:color-mix(in srgb,var(--tone) 62%,#000)}
:where(html[data-scheme="light"]) .dly-x:hover{color:#a31414!important}
:where(html[data-scheme="light"]) .pry-next strong b{color:color-mix(in srgb,var(--tone) 62%,#000)}
:where(html[data-scheme="light"]) .pry-time-row span.is-next b{color:color-mix(in srgb,var(--tone) 62%,#000)}
:where(html[data-scheme="light"]) .pry-note b{color:color-mix(in srgb,var(--tone) 62%,#000)}
:where(html[data-scheme="light"]) .pry-slot.is-done em{color:#279157}
:where(html[data-scheme="light"]) .mkp-block small b{color:#967321}
:where(html[data-scheme="light"]) .mkp-name strong{color:color-mix(in srgb,var(--vt) 62%,#000)}
:where(html[data-scheme="light"]) .mkp-step button{color:var(--text)!important}
:where(html[data-scheme="light"]) .mkp-years a.is-full small{color:#279157}
:where(html[data-scheme="light"]) .mkp-quota>header b{color:color-mix(in srgb,var(--tone) 62%,#000)}
:where(html[data-scheme="light"]) .mkp-logs strong{color:color-mix(in srgb,var(--tone) 62%,#000)}
:where(html[data-scheme="light"]) .mkp-logs span{color:#279157}
:where(html[data-scheme="light"]) .wtr-glass span{color:var(--text)}
:where(html[data-scheme="light"]) .wtr-log article.is-water span small{color:color-mix(in srgb,var(--tone) 62%,#000)}
:where(html[data-scheme="light"]) .ilm-spine b{color:var(--text)}
:where(html[data-scheme="light"]) .ilm-book-text small{color:color-mix(in srgb,var(--book) 62%,#000)}
:where(html[data-scheme="light"]) .ilm-book-meta span:first-child{color:var(--text)}
:where(html[data-scheme="light"]) .ilm-log summary{color:color-mix(in srgb,var(--tone) 62%,#000)}
:where(html[data-scheme="light"]) .ilm-add>summary{color:color-mix(in srgb,var(--tone) 62%,#000)}
:where(html[data-scheme="light"]) .ilm-row b{color:#279157}
:where(html[data-scheme="light"]) .ntr-macros span{color:color-mix(in srgb,var(--tone) 62%,#000)}
:where(html[data-scheme="light"]) .ntr-hero.is-over .dly-score>span{color:#a31414}
:where(html[data-scheme="light"]) .ntr-meal header>b{color:color-mix(in srgb,var(--tone) 62%,#000)}
:where(html[data-scheme="light"]) .zkh-ring b{color:color-mix(in srgb,var(--tone) 62%,#000)}
:where(html[data-scheme="light"]) .zkh-ar{color:var(--text)}
:where(html[data-scheme="light"]) .zkh-ant .eyebrow{color:color-mix(in srgb,var(--tone) 62%,#000)}
:where(html[data-scheme="light"]) .zkh-ant-meta strong{color:color-mix(in srgb,var(--tone) 62%,#000)}
:where(html[data-scheme="light"]) .ntr-hero.is-over .ntr-ring b{color:#a31414}
:where(html[data-scheme="light"]) .ntr-favs>span{color:color-mix(in srgb,var(--tone) 62%,#000)}
:where(html[data-scheme="light"]) .ntr-favs button:hover{color:color-mix(in srgb,var(--tone) 62%,#000)}
:where(html[data-scheme="light"]) .ntr-meal-ico{color:color-mix(in srgb,var(--mt) 62%,#000)}
:where(html[data-scheme="light"]) .ntr-meal header>b{color:color-mix(in srgb,var(--mt) 62%,#000)!important}
:where(html[data-scheme="light"]) .zkh-item .zkh-ar{color:var(--text)}
:where(html[data-scheme="light"]) .zkh-item .zkh-ar{color:color-mix(in srgb,var(--zikr-tone) 62%,#000)!important}
:where(html[data-scheme="light"]) .zkh-done{color:#279157}
:where(html[data-scheme="light"]) .zkh-undo:hover{color:#a31414}
:where(html[data-scheme="light"]) .aw-ring b{color:#3914a3}
:where(html[data-scheme="light"]) .aw-stats span{color:#3914a3}
:where(html[data-scheme="light"]) .aw-page .beta25-task h2{color:color-mix(in srgb,var(--zikr-tone) 62%,#000)!important}
:where(html[data-scheme="light"]) .aw-page .beta55-task-progress strong{color:color-mix(in srgb,var(--zikr-tone) 62%,#000)}
:where(html[data-scheme="light"]) .aw-page .beta25-done{color:#279157!important}
:where(html[data-scheme="light"]) .aw-page .beta25-task.has-progress::after{color:color-mix(in srgb,var(--zikr-tone) 62%,#000)}
:where(html[data-scheme="light"]) .mkp-goal span b{color:var(--text)}
:where(html[data-scheme="light"]) .mkp-quick .pry-slot i{color:color-mix(in srgb,var(--vt) 62%,#000)}
:where(html[data-scheme="light"]) .zkh-part button{color:color-mix(in srgb,var(--zikr-tone,var(--text)) 62%,#000)}
:where(html[data-scheme="light"]) .zkh-mine-ar{color:#3914a3}
:where(html[data-scheme="light"]) .zkh-mine-act button{color:var(--text)}
:where(html[data-scheme="light"]) .zkh-mine-act button.is-del{color:#a31414}
:where(html[data-scheme="light"]) .mk-sum b{color:var(--text)}
:where(html[data-scheme="light"]) .zkh-card-top .eyebrow{color:color-mix(in srgb,var(--tone) 62%,#000)!important}
:where(html[data-scheme="light"]) .zkh-card-ico{color:color-mix(in srgb,var(--tone) 62%,#000)}
:where(html[data-scheme="light"]) .zkh-group-head span{color:#991f90}
:where(html[data-scheme="light"]) .zkh-group-head small{color:var(--muted)}
:where(html[data-scheme="light"]) .zkh-mine.is-adding .zkh-mine-toggle{color:var(--text)}
:where(html[data-scheme="light"]) .zkh-mine-note a{color:#991f90}
:where(html[data-scheme="light"]) .zikr-add-link{color:#991f90}
:where(html[data-scheme="light"]) .zkh-mine-sum .eyebrow{color:#991f90}
:where(html[data-scheme="light"]) .zl::backdrop{background:var(--surface)}
:where(html[data-scheme="light"]) .zl-head .eyebrow{color:#991f90}
:where(html[data-scheme="light"]) .zl-chips button{color:var(--muted)}
:where(html[data-scheme="light"]) .zl-chips [data-zl-manual]{color:var(--text)}
:where(html[data-scheme="light"]) .zl-arabic{color:#92268a}
:where(html[data-scheme="light"]) .zl-item.cat-salat .zl-arabic{color:#9e7819}
:where(html[data-scheme="light"]) .zl-item.cat-esma .zl-arabic{color:#1467a3}
:where(html[data-scheme="light"]) .zl-item.cat-tesbih .zl-arabic{color:#288690}
:where(html[data-scheme="light"]) .zl-back{color:#991f90}
:where(html[data-scheme="light"]) .zl-ar textarea{color:#92268a}
@media(max-width:900px){:where(html[data-scheme="light"]) .dock-player .dp-info{color:var(--text)}}
@media(max-width:900px){:where(html[data-scheme="light"]) .dock-player .dp-btns button{color:var(--text)}}
:where(html[data-scheme="light"]) .b35-overlay.fp{background:var(--surface)}
:where(html[data-scheme="light"]) .fp-head small{color:#a35f14}
:where(html[data-scheme="light"]) .fp-favs>span{color:#a36e14}
:where(html[data-scheme="light"]) .fp-star:hover{color:#a36e14!important}
:where(html[data-scheme="light"]) .fp-star.is-on{color:#a36e14!important}
:where(html[data-scheme="light"]) .fp-macro>b{color:#a35f14}
:where(html[data-scheme="light"]) .fp-detail-star.is-on{color:#a36e14!important}
:where(html[data-scheme="light"]) .fp-kcal b{color:#a35f14}
:where(html[data-scheme="light"]) .fp-mac span{color:color-mix(in srgb,var(--mc) 62%,#000)}
:where(html[data-scheme="light"]) .hz-page .dly-head .eyebrow,:where(html[data-scheme="light"]) .hz-page .panel .eyebrow{color:color-mix(in srgb,var(--tone) 62%,#000)}
:where(html[data-scheme="light"]) .hz-setup p{color:var(--muted)}
:where(html[data-scheme="light"]) .hz-cfg label{color:var(--muted)}
:where(html[data-scheme="light"]) .hz-cfg .hz-note{color:var(--muted)}
:where(html[data-scheme="light"]) .hz-settings summary small{color:var(--muted)}
:where(html[data-scheme="light"]) .hz-tile-top .eyebrow{color:color-mix(in srgb,var(--tone) 62%,#000)!important}
:where(html[data-scheme="light"]) .hz-tile strong small{color:var(--muted)}
:where(html[data-scheme="light"]) .hz-tile-sub{color:var(--muted)}
:where(html[data-scheme="light"]) .hz-prog-row small{color:var(--muted)}
:where(html[data-scheme="light"]) .hz-search input{color:var(--text)}
:where(html[data-scheme="light"]) .hz-legend{color:var(--muted)}
:where(html[data-scheme="light"]) .hz-cell b{color:var(--muted)}
:where(html[data-scheme="light"]) .hz-cell.is-full b::after{color:color-mix(in srgb,var(--hz-ok) 62%,#000)}
:where(html[data-scheme="light"]) .hz-surah-meta{color:var(--muted)}
:where(html[data-scheme="light"]) .hz-surah-meta b{color:color-mix(in srgb,var(--tone) 62%,#000)}
:where(html[data-scheme="light"]) .hz-strip-head{color:var(--muted)}
:where(html[data-scheme="light"]) .hz-strip-head b{color:var(--text)}
:where(html[data-scheme="light"]) .hz-strip a.is-known{color:color-mix(in srgb,var(--hz-ok) 62%,#000)}
:where(html[data-scheme="light"]) .hz-strip a.is-sel{color:var(--text)}
:where(html[data-scheme="light"]) .hz-strip-note{color:var(--muted)}
:where(html[data-scheme="light"]) .hz-range label{color:var(--muted)}
:where(html[data-scheme="light"]) .hz-range>span{color:var(--muted)}
:where(html[data-scheme="light"]) .hz-card-meta{color:var(--muted)}
:where(html[data-scheme="light"]) .hz-modes button{color:var(--muted)}
:where(html[data-scheme="light"]) .hz-basmalah{color:var(--text)}
:where(html[data-scheme="light"]) .hz-no{color:color-mix(in srgb,var(--tone) 62%,#000)}
:where(html[data-scheme="light"]) .hz-ayah .qm-wq{color:#952323}
:where(html[data-scheme="light"]) .hz-passage.m-hidden .hz-ayah:not(.is-open)::after,:where(html[data-scheme="light"]) .hz-passage.m-first .hz-ayah:not(.is-open)::after{color:var(--muted)}
:where(html[data-scheme="light"]) .hz-q-head span{color:var(--text)}
:where(html[data-scheme="light"]) .hz-q-head span [lang=ar]{color:var(--muted)}
:where(html[data-scheme="light"]) .hz-q-head em{color:#a31414}
:where(html[data-scheme="light"]) .hz-q-done span{color:var(--muted)}
:where(html[data-scheme="light"]) .hz-q-done button,:where(html[data-scheme="light"]) .hz-talim-foot button{color:var(--text)}
:where(html[data-scheme="light"]) .hz-talim-foot{color:var(--muted)}
:where(html[data-scheme="light"]) .hz-talim-foot b{color:var(--text)}
:where(html[data-scheme="light"]) .hz-memorize small,:where(html[data-scheme="light"]) .hz-known-note{color:var(--muted)}
:where(html[data-scheme="light"]) .hz-cards li small{color:var(--muted)}
:where(html[data-scheme="light"]) .hz-forget{color:#a31414}
:where(html[data-scheme="light"]) .hz-nav a{color:var(--muted)}
:where(html[data-scheme="light"]) .hz-g small{color:var(--muted)}
:where(html[data-scheme="light"]) .hz-g b{color:color-mix(in srgb,var(--g) 62%,#000)}
:where(html[data-scheme="light"]) .hz-done p{color:var(--muted)}
:where(html[data-scheme="light"]) .hz-next.is-done p{color:var(--muted)}
:where(html[data-scheme="light"]) .hz-next-name small{color:var(--muted)}
:where(html[data-scheme="light"]) .hz-next-ar{color:var(--text)}
:where(html[data-scheme="light"]) .hz-next-dp b{color:color-mix(in srgb,var(--tone) 62%,#000)}
:where(html[data-scheme="light"]) .hz-next-dp small{color:var(--muted)}
:where(html[data-scheme="light"]) .hz-plan-head small{color:var(--muted)}
:where(html[data-scheme="light"]) .hz-pl-name small{color:var(--muted)}
:where(html[data-scheme="light"]) .hz-pl-pct{color:color-mix(in srgb,var(--tone) 62%,#000)}
:where(html[data-scheme="light"]) .hz-surah-dp{color:var(--muted)}
:where(html[data-scheme="light"]) .hz-surah-dp b{color:color-mix(in srgb,var(--tone) 62%,#000)}
:where(html[data-scheme="light"]) .hz-chart-legend{color:var(--muted)}
:where(html[data-scheme="light"]) .hz-plan-group summary small{color:var(--muted)}
:where(html[data-scheme="light"]) .hz-plan-group summary em{color:color-mix(in srgb,var(--tone) 62%,#000)}
:where(html[data-scheme="light"]) .hz-seg button{color:var(--muted)}
:where(html[data-scheme="light"]) .hz-talim.is-light{color:color-mix(in srgb,var(--hz-ink) 62%,#000)}
:where(html[data-scheme="light"]) .hz-talim.is-light h2{color:color-mix(in srgb,var(--hz-head) 62%,#000)}
:where(html[data-scheme="light"]) .hz-talim.is-light .eyebrow{color:color-mix(in srgb,var(--hz-waqf) 62%,#000)!important}
:where(html[data-scheme="light"]) .hz-talim.is-light .hz-card-meta,:where(html[data-scheme="light"]) .hz-talim.is-light .hz-talim-foot,:where(html[data-scheme="light"]) .hz-talim.is-light .hz-q-done span{color:color-mix(in srgb,var(--hz-muted) 62%,#000)}
:where(html[data-scheme="light"]) .hz-talim.is-light .hz-talim-foot b,:where(html[data-scheme="light"]) .hz-talim.is-light .hz-q-head span{color:color-mix(in srgb,var(--hz-ink) 62%,#000)}
:where(html[data-scheme="light"]) .hz-talim.is-light .hz-modes button,:where(html[data-scheme="light"]) .hz-talim.is-light .hz-seg button,:where(html[data-scheme="light"]) .hz-talim.is-light .hz-size button,:where(html[data-scheme="light"]) .hz-talim.is-light .hz-size output{color:color-mix(in srgb,var(--hz-muted) 62%,#000)}
:where(html[data-scheme="light"]) .hz-talim.is-light .hz-seg button.is-on{color:color-mix(in srgb,var(--hz-ink) 62%,#000)}
:where(html[data-scheme="light"]) .hz-talim.is-light .hz-no{color:color-mix(in srgb,var(--hz-acc) 62%,#000)}
:where(html[data-scheme="light"]) .hz-talim.is-light .hz-basmalah{color:color-mix(in srgb,var(--hz-acc) 62%,#000)}
:where(html[data-scheme="light"]) .hz-talim.is-light .qm-wq{color:color-mix(in srgb,var(--hz-waqf) 62%,#000)}
:where(html[data-scheme="light"]) .hz-talim.is-light .hz-passage.m-hidden .hz-ayah:not(.is-open)::after,:where(html[data-scheme="light"]) .hz-talim.is-light .hz-passage.m-first .hz-ayah:not(.is-open)::after{color:color-mix(in srgb,var(--hz-muted) 62%,#000)}
:where(html[data-scheme="light"]) .hz-talim.is-light .hz-q-head span [lang=ar]{color:color-mix(in srgb,var(--hz-muted) 62%,#000)}
:where(html[data-scheme="light"]) .hz-talim.is-light .hz-q-opts button{color:color-mix(in srgb,var(--hz-ink) 62%,#000)}
:where(html[data-scheme="light"]) .hz-talim.is-light .hz-q-done button,:where(html[data-scheme="light"]) .hz-talim.is-light .hz-talim-foot button{color:color-mix(in srgb,var(--hz-ink) 62%,#000)}
:where(html[data-scheme="light"]) .hz-size button{color:var(--muted)}
:where(html[data-scheme="light"]) .hz-size output{color:var(--muted)}
:where(html[data-scheme="light"]) .hz-talim.is-light .hz-theme-btn{color:color-mix(in srgb,var(--hz-ink) 62%,#000)}
:where(html[data-scheme="light"]) .hz-palette span{color:var(--muted)}
:where(html[data-scheme="light"]) .hz-palette button{color:var(--text)}
:where(html[data-scheme="light"]) .hm-next strong b{color:#5b14a3}
:where(html[data-scheme="light"]) .hm-ring b{color:color-mix(in srgb,var(--rc) 62%,#000)}
:where(html[data-scheme="light"]) .hm-ring-text small{color:color-mix(in srgb,var(--rc) 62%,#000)}
:where(html[data-scheme="light"]) .hm-task-ico{color:color-mix(in srgb,var(--rc) 62%,#000)}
:where(html[data-scheme="light"]) .hm-task-val{color:color-mix(in srgb,var(--rc) 62%,#000)}
:where(html[data-scheme="light"]) .hm-challenge .eyebrow{color:#967417}
:where(html[data-scheme="light"]) .ib-hero-tags .eyebrow{color:color-mix(in srgb,var(--ib) 62%,#000)}
:where(html[data-scheme="light"]) .ib-status{color:#279157}
:where(html[data-scheme="light"]) .ib-status.is-paused{color:#a36614}
:where(html[data-scheme="light"]) .ib-status.is-finished{color:color-mix(in srgb,var(--ib) 62%,#000)}
:where(html[data-scheme="light"]) .ib-progress-top strong{color:color-mix(in srgb,var(--ib) 62%,#000)}
:where(html[data-scheme="light"]) .ib-log p b{color:var(--text)}
:where(html[data-scheme="light"]) .ib-quick button:hover{color:color-mix(in srgb,var(--ib) 62%,#000)}
:where(html[data-scheme="light"]) .ib-preview{color:color-mix(in srgb,var(--ib) 62%,#000)}
:where(html[data-scheme="light"]) .ib-new>summary{color:color-mix(in srgb,var(--ib) 62%,#000)}
:where(html[data-scheme="light"]) .ib-chips button b{color:var(--text)}
:where(html[data-scheme="light"]) .ib-kind{color:color-mix(in srgb,var(--nk) 62%,#000)}
:where(html[data-scheme="light"]) .ib-icon.is-on,:where(html[data-scheme="light"]) .ib-icon:hover{color:color-mix(in srgb,var(--ib) 62%,#000)!important}
:where(html[data-scheme="light"]) .ib-icon.is-danger:hover{color:#a3141e!important}
:where(html[data-scheme="light"]) .ib-note-body p{color:var(--text)}
:where(html[data-scheme="light"]) .ib-more{color:color-mix(in srgb,var(--ib) 62%,#000)}
:where(html[data-scheme="light"]) .ib-tags em{color:color-mix(in srgb,var(--ib) 62%,#000)}
:where(html[data-scheme="light"]) .ib-readings li>b{color:#279157}
:where(html[data-scheme="light"]) .ib-undo{color:#a3141e!important}
:where(html[data-scheme="light"]) .ib-text-main p{color:var(--muted)}
:where(html[data-scheme="light"]) .ib-import>summary{color:color-mix(in srgb,var(--ib) 62%,#000)}
:where(html[data-scheme="light"]) .ib-import-form label{color:var(--muted)}
:where(html[data-scheme="light"]) .ib-drop{color:var(--text)!important}
:where(html[data-scheme="light"]) .ib-import-help{color:var(--muted)}
:where(html[data-scheme="light"]) .i2-head .eyebrow{color:color-mix(in srgb,var(--i2-tone) 62%,#000)}
:where(html[data-scheme="light"]) .i2-back{color:color-mix(in srgb,var(--i2-mute) 62%,#000)}
:where(html[data-scheme="light"]) .i2-empty{color:color-mix(in srgb,var(--i2-mute) 62%,#000)}
:where(html[data-scheme="light"]) .i2-link{color:color-mix(in srgb,var(--i2-tone) 62%,#000)}
:where(html[data-scheme="light"]) .i2-prog{color:color-mix(in srgb,var(--i2-mute) 62%,#000)}
:where(html[data-scheme="light"]) .i2-prog b{color:var(--text)}
:where(html[data-scheme="light"]) .i2-prog em{color:color-mix(in srgb,var(--bk,var(--i2-tone)) 62%,#000)}
:where(html[data-scheme="light"]) .i2-badge{color:color-mix(in srgb,var(--i2-mute) 62%,#000)}
:where(html[data-scheme="light"]) .i2-badge.s-reading{color:#238b72}
:where(html[data-scheme="light"]) .i2-badge.s-paused{color:#967417}
:where(html[data-scheme="light"]) .i2-badge.s-finished{color:#238a50}
:where(html[data-scheme="light"]) .i2-ring small{color:color-mix(in srgb,var(--i2-mute) 62%,#000)}
:where(html[data-scheme="light"]) .i2-today-txt p{color:color-mix(in srgb,var(--i2-mute) 62%,#000)}
:where(html[data-scheme="light"]) .i2-mini small{color:color-mix(in srgb,var(--i2-mute) 62%,#000)}
:where(html[data-scheme="light"]) .i2-continue-title{color:var(--text)}
:where(html[data-scheme="light"]) .i2-continue-main>small{color:color-mix(in srgb,var(--i2-mute) 62%,#000)}
:where(html[data-scheme="light"]) .i2-search svg{color:color-mix(in srgb,var(--i2-mute) 62%,#000)}
:where(html[data-scheme="light"]) .i2-chips button{color:color-mix(in srgb,var(--i2-mute) 62%,#000)}
:where(html[data-scheme="light"]) .i2-book-txt>small{color:color-mix(in srgb,var(--i2-mute) 62%,#000)}
:where(html[data-scheme="light"]) .i2-book-meta{color:color-mix(in srgb,var(--i2-mute) 62%,#000)}
:where(html[data-scheme="light"]) .i2-book-meta .is-text{color:color-mix(in srgb,var(--bk) 62%,#000)}
:where(html[data-scheme="light"]) .i2-first{color:color-mix(in srgb,var(--i2-mute) 62%,#000)}
:where(html[data-scheme="light"]) .i2-chart small,:where(html[data-scheme="light"]) .i2-history header small{color:color-mix(in srgb,var(--i2-mute) 62%,#000)}
:where(html[data-scheme="light"]) .i2-recent-note small{color:color-mix(in srgb,var(--i2-mute) 62%,#000)}
:where(html[data-scheme="light"]) .i2-recent-note span{color:var(--text)}
:where(html[data-scheme="light"]) .i2-crumbs{color:color-mix(in srgb,var(--i2-mute) 62%,#000)}
:where(html[data-scheme="light"]) .i2-crumbs a{color:color-mix(in srgb,var(--bk) 62%,#000)}
:where(html[data-scheme="light"]) .i2-bp-id p{color:color-mix(in srgb,var(--i2-mute) 62%,#000)}
:where(html[data-scheme="light"]) .i2-bp-prog small{color:color-mix(in srgb,var(--i2-mute) 62%,#000)}
:where(html[data-scheme="light"]) .i2-bp-stats dt{color:color-mix(in srgb,var(--i2-mute) 62%,#000)}
:where(html[data-scheme="light"]) .i2-bp-stats small{color:color-mix(in srgb,var(--i2-mute) 62%,#000)}
:where(html[data-scheme="light"]) .i2-tabs button{color:color-mix(in srgb,var(--i2-mute) 62%,#000)}
:where(html[data-scheme="light"]) .i2-log p{color:color-mix(in srgb,var(--i2-mute) 62%,#000)}
:where(html[data-scheme="light"]) .i2-log-form label{color:color-mix(in srgb,var(--i2-mute) 62%,#000)}
:where(html[data-scheme="light"]) .i2-log-form output{color:color-mix(in srgb,var(--bk) 62%,#000)}
:where(html[data-scheme="light"]) .i2-reads li.is-empty{color:color-mix(in srgb,var(--i2-mute) 62%,#000)}
:where(html[data-scheme="light"]) .i2-reads time small{color:color-mix(in srgb,var(--i2-mute) 62%,#000)}
:where(html[data-scheme="light"]) .i2-reads div small{color:color-mix(in srgb,var(--i2-mute) 62%,#000)}
:where(html[data-scheme="light"]) .i2-dp{color:color-mix(in srgb,var(--bk) 62%,#000)}
:where(html[data-scheme="light"]) .i2-undo{color:color-mix(in srgb,var(--i2-mute) 62%,#000)}
:where(html[data-scheme="light"]) .i2-toclist em{color:color-mix(in srgb,var(--i2-mute) 62%,#000)}
:where(html[data-scheme="light"]) .i2-toclist .lv2 a{color:var(--text)}
:where(html[data-scheme="light"]) .i2-toclist .is-read.lv1 a span::before{color:color-mix(in srgb,var(--bk) 62%,#000)}
:where(html[data-scheme="light"]) .i2-set header p{color:color-mix(in srgb,var(--i2-mute) 62%,#000)}
:where(html[data-scheme="light"]) .i2-form label{color:color-mix(in srgb,var(--i2-mute) 62%,#000)}
:where(html[data-scheme="light"]) .i2-tag{color:color-mix(in srgb,var(--bk,var(--i2-tone)) 62%,#000)}
:where(html[data-scheme="light"]) .i2-pg{color:color-mix(in srgb,var(--i2-mute) 62%,#000)}
:where(html[data-scheme="light"]) .i2-pin{color:#967417}
:where(html[data-scheme="light"]) .i2-ic{color:color-mix(in srgb,var(--i2-mute) 62%,#000)}
:where(html[data-scheme="light"]) .i2-ic.is-on{color:#967417}
:where(html[data-scheme="light"]) .i2-ic.is-del:hover{color:#a31414}
:where(html[data-scheme="light"]) .i2-note-book{color:color-mix(in srgb,var(--bk) 62%,#000)}
:where(html[data-scheme="light"]) .i2-sec{color:color-mix(in srgb,var(--i2-mute) 62%,#000)}
:where(html[data-scheme="light"]) .i2-note-body{color:var(--text)}
:where(html[data-scheme="light"]) .i2-more{color:color-mix(in srgb,var(--bk) 62%,#000)}
:where(html[data-scheme="light"]) .i2-note footer time{color:color-mix(in srgb,var(--i2-mute) 62%,#000)}
:where(html[data-scheme="light"]) .i2-count{color:color-mix(in srgb,var(--i2-mute) 62%,#000)}
:where(html[data-scheme="light"]) .i2-count b{color:var(--text)}
:where(html[data-scheme="light"]) .i2-side-h{color:color-mix(in srgb,var(--i2-mute) 62%,#000)}
:where(html[data-scheme="light"]) .i2-side-item b{color:color-mix(in srgb,var(--i2-mute) 62%,#000)}
:where(html[data-scheme="light"]) .i2-switch b{color:color-mix(in srgb,var(--i2-mute) 62%,#000)}
:where(html[data-scheme="light"]) .i2-dlg::backdrop{background:var(--surface)}
:where(html[data-scheme="light"]) .makeup-v2-block p b{color:var(--text)}
:where(html[data-scheme="light"]) .prg-icon-btn:hover{color:var(--text)!important}
:where(html[data-scheme="light"]) .prg-icon-btn.is-danger:hover{color:#a3141e!important}
:where(html[data-scheme="light"]) .prg-hub-icon{color:color-mix(in srgb,var(--k) 62%,#000)}
:where(html[data-scheme="light"]) .prg-hub-card .eyebrow{color:color-mix(in srgb,var(--k) 62%,#000)}
:where(html[data-scheme="light"]) .prg-hub-card>strong{color:color-mix(in srgb,var(--k) 62%,#000)}
:where(html[data-scheme="light"]) .prg-switch small b{color:#279157}
:where(html[data-scheme="light"]) .prg-new>summary{color:color-mix(in srgb,var(--prg) 62%,#000)}
:where(html[data-scheme="light"]) .prg-stats dd.is-on{color:#279157}
:where(html[data-scheme="light"]) .prg-kind{color:color-mix(in srgb,var(--k) 62%,#000)}
:where(html[data-scheme="light"]) .prg-tpl-sum b{color:var(--text)}
:where(html[data-scheme="light"]) .prg-tag b{color:var(--text)}
:where(html[data-scheme="light"]) .prg-tag.is-tech{color:#a36614}
:where(html[data-scheme="light"]) .prg-macros header span{color:color-mix(in srgb,var(--m) 62%,#000)}
:where(html[data-scheme="light"]) .prg-meal-kcal b{color:color-mix(in srgb,var(--prg) 62%,#000)}
:where(html[data-scheme="light"]) .pg-custom[open] summary{color:var(--text)}
:where(html[data-scheme="light"]) .pg-kpis .is-pp span{color:#1424a3}
:where(html[data-scheme="light"]) .pg-kpis .is-dp span{color:#4c14a3}
:where(html[data-scheme="light"]) .pg-kpis .is-sp span{color:#308872}
:where(html[data-scheme="light"]) #pg-tab-pp:checked+label{color:#1424a3}
:where(html[data-scheme="light"]) #pg-tab-dp:checked+label{color:#4c14a3}
:where(html[data-scheme="light"]) #pg-tab-sp:checked+label{color:#308872}
:where(html[data-scheme="light"]) .pg-table em{color:#967321}
:where(html[data-scheme="light"]) .quran-card-name{color:color-mix(in srgb,var(--quran-gold) 62%,#000)}
:where(html[data-scheme="light"]) .quran-card-dp{color:color-mix(in srgb,var(--quran-gold) 62%,#000)}
:where(html[data-scheme="light"]) .quran-index-grid b{color:color-mix(in srgb,var(--quran-gold) 62%,#000)}
:where(html[data-scheme="light"]) .quran-reader-id h1 span{color:color-mix(in srgb,var(--quran-gold) 62%,#000)}
:where(html[data-scheme="light"]) .quran-size button{background:var(--surface);border-color:var(--line)}
:where(html[data-scheme="light"]) .quran-flow-toggle[aria-pressed="true"]{color:color-mix(in srgb,var(--quran-gold) 62%,#000)}
:where(html[data-scheme="light"]) .quran-basmalah{color:color-mix(in srgb,var(--quran-gold) 62%,#000)}
:where(html[data-scheme="light"]) .quran-ayah-no{color:color-mix(in srgb,var(--quran-gold) 62%,#000)}
:where(html[data-scheme="light"]) .qt-tiles b{color:#98741f}
:where(html[data-scheme="light"]) .qm-tools .quran-flow-toggle[aria-pressed="true"]{color:color-mix(in srgb,var(--quran-gold) 62%,#000)}
:where(html[data-scheme="light"]) .qm-text.quran-mushaf{color:color-mix(in srgb,var(--ink) 62%,#000)}
:where(html[data-scheme="light"]) .qm-basmalah{color:color-mix(in srgb,var(--frame-red) 62%,#000)}
:where(html[data-scheme="light"]) .qm-no{color:color-mix(in srgb,var(--no-blue) 62%,#000)}
:where(html[data-scheme="light"]) .qm-wq{color:color-mix(in srgb,var(--waqf) 62%,#000)}
:where(html[data-scheme="light"]) .qm-hizb{color:color-mix(in srgb,var(--frame-red) 62%,#000)}
:where(html[data-scheme="light"]) .qm-sajda{color:color-mix(in srgb,var(--frame-red) 62%,#000)}
:where(html[data-scheme="light"]) .qm-nav a:hover{color:color-mix(in srgb,var(--quran-gold) 62%,#000)}
:where(html[data-scheme="light"]) .qh-ring b{color:#98741f}
:where(html[data-scheme="light"]) .qh-ayah{color:#98741f}
:where(html[data-scheme="light"]) .qh-cartouche{color:#98741f}
:where(html[data-scheme="light"]) .qh-card-foot>span{color:#98741f}
:where(html[data-scheme="light"]) .qh-card.is-done .qh-card-foot>span{color:#279157}
:where(html[data-scheme="light"]) .qh-grid i{color:#98741f}
:where(html[data-scheme="light"]) .qh-grid em{color:#98741f}
:where(html[data-scheme="light"]) .qm-no{color:color-mix(in srgb,var(--no-blue) 62%,#000)}
:where(html[data-scheme="light"]) .qm-reader[data-qtheme="night"] .qm-no{background:var(--surface)!important}
:where(html[data-scheme="light"]) .qm-reader[data-qtheme="classic"] .qm-surah-head>div{color:#876e30}
:where(html[data-scheme="light"]) .qm-reader[data-qtheme="classic"] .qm-basmalah{color:#876e30}
:where(html[data-scheme="light"]) .qm-surah-head>div{color:color-mix(in srgb,var(--head-ink,#5a1c12) 62%,#000)}
:where(html[data-scheme="light"]) .qm-themes i{color:color-mix(in srgb,var(--qfg) 62%,#000)}
:where(html[data-scheme="light"]) .qm-basmalah{color:color-mix(in srgb,var(--bas,var(--frame-red)) 62%,#000)!important}
:where(html[data-scheme="light"]) .qm-range{color:color-mix(in srgb,var(--ink) 62%,#000)}
:where(html[data-scheme="light"]) .qm-lapno{color:#98741f}
:where(html[data-scheme="light"]) .qt-laps>summary b{color:#98741f}
:where(html[data-scheme="light"]) .qt-lap-stats b{color:var(--text)}
:where(html[data-scheme="light"]) .qt-lap-list li i{color:#98741f}
:where(html[data-scheme="light"]) .qt-hsurah>summary b{color:var(--text)}
:where(html[data-scheme="light"]) .qt-hday-head time{color:var(--text)}
:where(html[data-scheme="light"]) .qt-hday-head b{color:var(--text)}
:where(html[data-scheme="light"]) .qt-chips span i{color:#98741f}
:where(html[data-scheme="light"]) .sp-ico{color:color-mix(in srgb,var(--sp-tone) 62%,#000)}
:where(html[data-scheme="light"]) dialog.ic-dialog::backdrop{background:var(--surface)}
:where(html[data-scheme="light"]) .usr-add>summary{color:#1418a3}
:where(html[data-scheme="light"]) .dock-preview small{color:var(--text)}
:where(html[data-scheme="light"]) .dock-move button{color:var(--text)}
:where(html[data-scheme="light"]) .dock-foot span.is-bad{color:#a31414}
:where(html[data-scheme="light"]) .sb-link{color:var(--text)}
:where(html[data-scheme="light"]) .sb-link .sb-ico{color:color-mix(in srgb,var(--rc) 62%,#000)}
@media (max-width:900px){:where(html[data-scheme="light"]) .sb-scrim{background:var(--surface)}}
:where(html[data-scheme="light"]) .sb-today-text strong em{color:#1418a3}
:where(html[data-scheme="light"]) .sn-head .eyebrow{color:color-mix(in srgb,var(--sn) 62%,#000)}
:where(html[data-scheme="light"]) .sn-score strong{color:color-mix(in srgb,var(--sn) 62%,#000)}
:where(html[data-scheme="light"]) .sn-rank.rank-diamond{color:#147ca3}
:where(html[data-scheme="light"]) .sn-rank.rank-platinum{color:var(--muted)}
:where(html[data-scheme="light"]) .sn-legend a,:where(html[data-scheme="light"]) .sn-note a{color:color-mix(in srgb,var(--sn) 62%,#000)}
:where(html[data-scheme="light"]) .sn-slot-count{color:color-mix(in srgb,var(--sn) 62%,#000)}
:where(html[data-scheme="light"]) .sn-muhasebe-title{color:#967321}
:where(html[data-scheme="light"]) .sn-body h3 small{color:color-mix(in srgb,var(--sn) 62%,#000)}
:where(html[data-scheme="light"]) .sn-body .sn-ar{color:var(--text)}
:where(html[data-scheme="light"]) .sn-body footer a{color:color-mix(in srgb,var(--sn) 62%,#000)}
:where(html[data-scheme="light"]) .sn-dashboard .eyebrow{color:#308872}
:where(html[data-scheme="light"]) .history-row .sn-history-sp{color:#308872}
:where(html[data-scheme="light"]) .sn-tag.is-me{color:#1449a3}
:where(html[data-scheme="light"]) .sn-tag.is-weak{color:#a36614}
:where(html[data-scheme="light"]) aside nav a[data-route="sunnah"]{color:#308872}
:where(html[data-scheme="light"]) aside nav a[data-route="sunnah"]>span:last-child{color:color-mix(in srgb,var(--spiritual-nav) 62%,#000)}
:where(html[data-scheme="light"]) .sn-live.is-open{color:#279157}
:where(html[data-scheme="light"]) .sn-live.is-wait{color:#a36614}
:where(html[data-scheme="light"]) .sn-prayer-mark b{color:#4d14a3}
:where(html[data-scheme="light"]) .sn-guide>summary::after{color:color-mix(in srgb,var(--sn) 62%,#000)}
:where(html[data-scheme="light"]) .sn-guide-rows p b{color:var(--text)}
:where(html[data-scheme="light"]) .sn-jump a b{color:color-mix(in srgb,var(--sn) 62%,#000)}
:where(html[data-scheme="light"]) .sn-sp{color:color-mix(in srgb,var(--sn) 62%,#000)}
:where(html[data-scheme="light"]) .sn-ayno{color:#98741f}
:where(html[data-scheme="light"]) .sn-ayat .qm-wq{color:#8f2929}
:where(html[data-scheme="light"]) .sn-read{color:color-mix(in srgb,var(--sn) 62%,#000)}
:where(html[data-scheme="light"]) .sn-tabs a.is-now:not(.is-active){color:color-mix(in srgb,var(--sn) 62%,#000)}
:where(html[data-scheme="light"]) .sn-tabs a.is-now:not(.is-active) b{color:color-mix(in srgb,var(--sn) 62%,#000)}
:where(html[data-scheme="light"]) .sn-dec button:hover{color:var(--text)}
:where(html[data-scheme="light"]) .sn-steps small{color:color-mix(in srgb,var(--sn) 62%,#000)}
:where(html[data-scheme="light"]) .sn-card.is-repeat .sn-check{color:color-mix(in srgb,var(--sn) 62%,#000)}
:where(html[data-scheme="light"]) .sn-steps-box>summary{color:color-mix(in srgb,var(--sn) 62%,#000)}
:where(html[data-scheme="light"]) .sn-kaza-ico{color:color-mix(in srgb,var(--kz) 62%,#000)}
:where(html[data-scheme="light"]) .sn-kaza .sn-sp{color:color-mix(in srgb,var(--kz) 62%,#000)}
:where(html[data-scheme="light"]) .sn-kaza-note{color:var(--muted)}
:where(html[data-scheme="light"]) .sn-zikr-ico{color:color-mix(in srgb,var(--zk) 62%,#000)}
:where(html[data-scheme="light"]) .sn-zikr .sn-sp{color:color-mix(in srgb,var(--zk) 62%,#000)}
:where(html[data-scheme="light"]) .sn-zikr-note{color:var(--muted)}
:where(html[data-scheme="light"]) .sn-zikr-note a{color:color-mix(in srgb,var(--zk) 62%,#000)}
:where(html[data-scheme="light"]) .ua-badge.is-owner{color:color-mix(in srgb,var(--ua) 62%,#000)}
:where(html[data-scheme="light"]) .ua-badge.is-on{color:#279157}
:where(html[data-scheme="light"]) .ua-sw span small em{color:color-mix(in srgb,var(--ua) 62%,#000)}
:where(html[data-scheme="light"]) .ua-zact button{color:var(--text)}
:where(html[data-scheme="light"]) .ua-zact .is-del{color:#a31414}
:where(html[data-scheme="light"]) .wk-page .weight-day-head .eyebrow{color:color-mix(in srgb,var(--tone) 62%,#000)}
:where(html[data-scheme="light"]) .wk-page .session-live span{color:color-mix(in srgb,var(--tone) 62%,#000)}
:where(html[data-scheme="light"]) .wk-page .beta31-stopwatch strong{color:color-mix(in srgb,var(--tone) 62%,#000)}
:where(html[data-scheme="light"]) .wk-page .workout-session-title .eyebrow{color:color-mix(in srgb,var(--tone) 62%,#000)}
:where(html[data-scheme="light"]) .wk-page .exercise-index{color:color-mix(in srgb,var(--tone) 62%,#000)}
:where(html[data-scheme="light"]) .wk-page .a08-setrow>.set-complete:has(input:checked) span{color:color-mix(in srgb,var(--tone) 62%,#000)}
:where(html[data-scheme="light"]) .wk-page .a08-setrow.is-saved>.set-no{color:color-mix(in srgb,var(--tone) 62%,#000)}
:where(html[data-scheme="light"]) .wk-page .exercise-tools button:hover{color:color-mix(in srgb,var(--tone) 62%,#000)}
:where(html[data-scheme="light"]) .wk-page .workout-select .eyebrow{color:color-mix(in srgb,var(--tone) 62%,#000)}
:where(html[data-scheme="light"]) dialog.beta22-modal::backdrop{background:var(--surface)}
:where(html[data-scheme="light"]) .zikr-design{color:var(--text)}
:where(html[data-scheme="light"]) .zikr-design .pagehead h1{color:var(--text)}
:where(html[data-scheme="light"]) .zikr-design .pagehead p{color:var(--muted)}
:where(html[data-scheme="light"]) .zikr-design .panel{background:var(--surface);border-color:var(--line);color:var(--text)}
:where(html[data-scheme="light"]) .zikr-design .zikr-category>span{color:var(--muted)}
:where(html[data-scheme="light"]) .zikr-design .zikr-category-icon{background:var(--surface);border-color:var(--line)}
:where(html[data-scheme="light"]) .zikr-design .btn{background:var(--surface2);border-color:var(--line);color:var(--text)}
:where(html[data-scheme="light"]) .zikr-design .btn.danger{background:var(--surface2);border-color:var(--line);color:#a31427}
:where(html[data-scheme="light"]) .zikr-design :is(input:not([type=hidden]):not([type=radio]),select){background:var(--surface2);border-color:var(--line);color:var(--text)}
:where(html[data-scheme="light"]) .zikr-design label{color:var(--muted)}
:where(html[data-scheme="light"]) .zikr-design .beta25-done{background:var(--surface);border-color:var(--line)}
:where(html[data-scheme="light"]) .zikr-design .beta25-form fieldset label{background:var(--surface)}
:where(html[data-scheme="light"]) .zikr-design .beta24-bars time{color:var(--muted)}
:where(html[data-scheme="light"]) .zikr-design .beta25-month-totals>span{background:var(--surface)}
:where(html[data-scheme="light"]) .zikr-design .beta25-history details,:where(html[data-scheme="light"]) .zikr-design .beta25-ant-item,:where(html[data-scheme="light"]) .zikr-design .beta22-records details{background:var(--surface);border-color:var(--line)}
:where(html[data-scheme="light"]) .zikr-design .beta25-history time{color:var(--muted)}
:where(html[data-scheme="light"]) .zikr-design .beta24-metrics strong{color:#977020}
:where(html[data-scheme="light"]) .zikr-design .beta22-pie>div{background:var(--surface)}
:where(html[data-scheme="light"]) .zikr-design .beta22-distribution li{background:var(--surface);border-color:var(--line)}
:where(html[data-scheme="light"]) .zikr-design .beta22-distribution li>b{color:var(--text)}
:where(html[data-scheme="light"]) .zikr-design :is(.beta22-table,.beta24-table) th{background:var(--surface2);color:var(--text)}
:where(html[data-scheme="light"]) .ms-head .eyebrow{color:#2f8980}
:where(html[data-scheme="light"]) .ms-disc{background:var(--surface)}
:where(html[data-scheme="light"]) .ms-label::after{background:var(--surface)}
:where(html[data-scheme="light"]) .ms-label .ms-eq{color:var(--text)}
:where(html[data-scheme="light"]) .ms-state{color:var(--text)}
:where(html[data-scheme="light"]) .ms-titles p{color:var(--muted)}
:where(html[data-scheme="light"]) .ms-heart{color:var(--muted)}
:where(html[data-scheme="light"]) .ms-heart.is-on{color:#a31433}
:where(html[data-scheme="light"]) .ms-times{color:var(--muted)}
:where(html[data-scheme="light"]) .ms-controls button{color:var(--text)}
:where(html[data-scheme="light"]) .ms-sleep-menu button{color:var(--text)}
:where(html[data-scheme="light"]) .ms-next{color:var(--muted)}
:where(html[data-scheme="light"]) .ms-search input{color:var(--text)}
:where(html[data-scheme="light"]) .ms-tabs button{color:var(--muted)}
:where(html[data-scheme="light"]) .ms-row-meta small{color:var(--muted)}
:where(html[data-scheme="light"]) .zs-track.is-current .ms-row-meta b{color:var(--text)}
:where(html[data-scheme="light"]) .ms-time{color:var(--muted)}
:where(html[data-scheme="light"]) .ms-fav{color:var(--muted)}
:where(html[data-scheme="light"]) .zs-track.is-fav .ms-fav{color:#a31433}
:where(html[data-scheme="light"]) .ms-empty{color:var(--muted)}
:where(html[data-scheme="light"]) .zs-drop.is-bad{color:#a31414}
:where(html[data-scheme="light"]) .zs-admin-act button{color:var(--text)}
:where(html[data-scheme="light"]) .zs-admin-act .is-del{color:#a31414}
:where(html[data-scheme="light"]) .ms-volume .ms-ic{color:var(--text)}
@media(min-width:1000px) and (hover:hover) and (pointer:fine){:where(html[data-scheme="light"]) .ms-keys{color:var(--muted)}}
@media(min-width:1000px){:where(html[data-scheme="light"]) .ms-thead{color:var(--muted)}}

/* Source: assets/light_fix_manual.css */
/* Beta 13.8 — Açık temalar: elle yapılan düzeltmeler (light_fix.css otomatik üretilir). */
/* Gün açık kaldı afişi: açık temada uyarı tonlu yüzey */
html[data-scheme="light"] .day-rollover-banner{background:color-mix(in srgb,var(--warn) 9%,var(--surface));border-color:color-mix(in srgb,var(--warn) 38%,transparent);box-shadow:var(--shadow)}
html[data-scheme="light"] .day-rollover-banner strong{color:var(--text)}
html[data-scheme="light"] .day-rollover-banner span{color:color-mix(in srgb,var(--warn) 80%,#000)}
/* Form alanları: açık temada her zaman koyu yazı */
html[data-scheme="light"] body :is(input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=color]):not([type=submit]):not([type=button]),select,textarea){color:var(--text)}
html[data-scheme="light"] :is(input,textarea)::placeholder{color:var(--muted);opacity:.8}
html[data-scheme="light"] select option{background:var(--surface);color:var(--text)}
/* Zikir sayfaları: koyu tema için seçilmiş pastel vurgular açık zeminde koyulaşır; düğme yazısı beyaz */
html[data-scheme="light"] .zikr-design{color-scheme:light;--accent:#1d8b72;--shade:#dff3ee}
html[data-scheme="light"] :is(.zikr-design.zikr-morning,.zikr-category.morning){--accent:#946a12;--shade:#f7ecd2}
html[data-scheme="light"] :is(.zikr-design.zikr-ant,.zikr-category.ant){--accent:#956411;--shade:#f6ead2}
html[data-scheme="light"] :is(.zikr-design.zikr-awakening,.zikr-category.awakening){--accent:#6a45c8;--shade:#ece5fb}
html[data-scheme="light"] :is(.zikr-design.zikr-illusion,.zikr-category.illusion){--accent:#2f69bd;--shade:#e2ecfa}
html[data-scheme="light"] :is(.zikr-design.zikr-pride,.zikr-category.pride){--accent:#b0405f;--shade:#f8e3ea}
html[data-scheme="light"] .zikr-design .btn.primary{color:#fff}
html[data-scheme="light"] .aw-page .beta25-form .btn.primary{background:color-mix(in srgb,var(--zikr-tone) 72%,#000)!important;color:#fff!important}
/* Antrenman: "Antrenmana başla" — tonlu zemin koyulaşır, yazı beyaz */
html[data-scheme="light"] .wk-page .template-picker>.btn{background:var(--accent);color:#fff}
/* Sunucu hız kontrolü */
html[data-scheme="light"] .sc-row.ok b{color:var(--ok)}
html[data-scheme="light"] .sc-row.bad b{color:var(--danger)}
/* Programlar: "BUGÜN" rozeti ve seçili gün — beyaz yazı için ton koyulaşır */
html[data-scheme="light"] :is(.prg-day>header em,.prg-weekdays input:checked+span){background:var(--accent);color:#fff}