:root{--bg: #f6f4ef;--surface: #ffffff;--surface-2: #efece4;--text: #21302c;--text-muted: #6d7c76;--text-faint: #9aa7a1;--primary: #11675c;--primary-soft: #e0efe9;--on-primary: #ffffff;--accent: #b97f2a;--accent-soft: #f6ead6;--success: #2e7d5b;--success-soft: #dff0e6;--danger: #b3503e;--danger-soft: #f7e3de;--border: #e3e0d6;--shadow: 0 1px 3px rgba(33, 48, 44, .07), 0 6px 20px rgba(33, 48, 44, .06);--overlay: rgba(23, 32, 29, .45);--card-fade: rgba(246, 244, 239, .38);--card-a: #11675c;--card-b: #0c4f47;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--fs-xs: .75rem;--fs-sm: .875rem;--fs-md: 1rem;--fs-lg: 1.25rem;--fs-xl: 1.75rem;--fs-xxl: 2.5rem;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.5rem;--sp-6: 2rem;--r-sm: 10px;--r-md: 16px;--r-lg: 22px;--r-full: 999px;--nav-height: 64px;color-scheme:light}:root[data-theme=dark]{--bg: #101917;--surface: #18231f;--surface-2: #1f2c28;--text: #e7edea;--text-muted: #97a5a0;--text-faint: #6b7975;--primary: #3fa08f;--primary-soft: #1b332e;--on-primary: #0b1512;--accent: #d29a45;--accent-soft: #33291a;--success: #55b389;--success-soft: #1c2f26;--danger: #d3705c;--danger-soft: #33211d;--border: #263531;--shadow: 0 1px 3px rgba(0, 0, 0, .35), 0 6px 20px rgba(0, 0, 0, .3);--overlay: rgba(0, 0, 0, .55);--card-fade: rgba(16, 25, 23, .52);--card-a: #1d4a42;--card-b: #132e29;color-scheme:dark}:root[data-accent=firuze]{--primary: #0d7285;--primary-soft: #dcedf2;--card-a: #0d7285;--card-b: #09525f}:root[data-theme=dark][data-accent=firuze]{--primary: #48a9bd;--primary-soft: #16323a;--card-a: #1c4650;--card-b: #122e35}:root[data-accent=lacivert]{--primary: #2e4b96;--primary-soft: #e3e9f6;--card-a: #2e4b96;--card-b: #20356e}:root[data-theme=dark][data-accent=lacivert]{--primary: #7d9bdc;--primary-soft: #1c2540;--card-a: #263a63;--card-b: #182545}:root[data-accent=kehribar]{--primary: #8a5f14;--primary-soft: #f4ead4;--card-a: #8a5f14;--card-b: #6b4a0e}:root[data-theme=dark][data-accent=kehribar]{--primary: #cfa24e;--primary-soft: #2f2717;--card-a: #4d3a14;--card-b: #33260d}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.45;min-height:100dvh}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent}input{font:inherit;color:inherit}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}.app{max-width:560px;margin:0 auto;min-height:100dvh;padding:var(--sp-4);padding-bottom:calc(var(--nav-height) + env(safe-area-inset-bottom) + var(--sp-5))}.page{display:flex;flex-direction:column;gap:var(--sp-4)}.page-title{font-size:var(--fs-lg);font-weight:var(--fw-bold);padding-top:var(--sp-2)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:calc(var(--nav-height) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--border);display:flex;justify-content:center;z-index:40}.bottom-nav-inner{display:flex;width:100%;max-width:560px}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:var(--fs-xs);color:var(--text-muted);font-weight:var(--fw-medium)}.nav-item.active{color:var(--primary);font-weight:var(--fw-semibold)}@media(min-width:768px){.app{padding-top:calc(var(--nav-height) + var(--sp-5));padding-bottom:var(--sp-6)}.bottom-nav{top:0;bottom:auto;height:var(--nav-height);padding-bottom:0;border-top:none;border-bottom:1px solid var(--border)}.nav-item{flex-direction:row;gap:var(--sp-2);font-size:var(--fs-sm)}}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-3)}.topbar-city{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--text);padding:var(--sp-1) 0}.topbar-city svg{color:var(--primary)}.topbar-dates{font-size:var(--fs-xs);color:var(--text-muted);margin-top:2px}.date-sep{color:var(--text-faint);padding:0 2px}.loc-badge{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:var(--r-full);background:var(--primary-soft);color:var(--primary);flex-shrink:0}.avatar{width:40px;height:40px;border-radius:var(--r-full);overflow:hidden;background:var(--primary-soft);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--border)}.avatar img{width:100%;height:100%;object-fit:cover}.card{background:var(--surface);border-radius:var(--r-lg);border:1px solid var(--border);box-shadow:var(--shadow);padding:var(--sp-4)}.next-card{background:linear-gradient(150deg,var(--card-a) 0%,var(--card-b) 100%);color:#f2f7f5;border:none;border-radius:var(--r-lg);box-shadow:var(--shadow);padding:var(--sp-5);display:flex;align-items:center;gap:var(--sp-4);position:relative;overflow:hidden}.next-card-fade{position:absolute;top:0;right:0;bottom:0;background:var(--card-fade);transition:width 1s linear;pointer-events:none;border-left:1px solid rgba(255,255,255,.22)}.next-card-urgency{position:absolute;inset:0;background:#032019;opacity:0;transition:opacity 1.5s ease;pointer-events:none}.next-card.urgent-15 .next-card-urgency{opacity:.25}.next-card.urgent-10 .next-card-urgency{opacity:.45}.next-card.urgent-5 .next-card-urgency{opacity:.62}.next-card.urgent-5 .pulse-dot{animation-duration:1s}.next-card>:not(.next-card-fade):not(.next-card-urgency){position:relative}.cd-num{display:inline-block;min-width:2ch;text-align:center;font-variant-numeric:tabular-nums}.next-card-icon{width:64px;height:64px;border-radius:var(--r-md);background:#ffffff1f;display:flex;align-items:center;justify-content:center;flex-shrink:0}.next-card-label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;opacity:.75;font-weight:var(--fw-semibold)}.next-card-name{font-size:var(--fs-xl);font-weight:var(--fw-bold);line-height:1.2}.next-card-time{font-size:var(--fs-xxl);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;line-height:1.1}.next-card-remaining{font-size:var(--fs-sm);opacity:.85;margin-top:var(--sp-1);font-variant-numeric:tabular-nums;display:flex;align-items:center;gap:var(--sp-2)}.pulse-dot{width:7px;height:7px;border-radius:var(--r-full);background:currentColor;flex-shrink:0;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.45}50%{transform:scale(1.4);opacity:1}}.next-card-icon svg{animation:breathe 5s ease-in-out infinite}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@media(prefers-reduced-motion:reduce){.pulse-dot,.next-card-icon svg{animation:none}}.prayer-list{display:flex;flex-direction:column;padding:var(--sp-2)}.prayer-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3);border-radius:var(--r-md)}.prayer-row+.prayer-row{margin-top:2px}.prayer-row.now{background:var(--primary-soft);box-shadow:inset 3px 0 0 var(--primary)}.now-badge{display:inline-block;margin-left:var(--sp-2);font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--primary);background:var(--surface);border:1px solid var(--primary);border-radius:var(--r-full);padding:0 var(--sp-2);vertical-align:2px}.prayer-row-icon{color:var(--primary);display:flex;flex-shrink:0}.prayer-row.info .prayer-row-icon{color:var(--accent)}.prayer-row-name{font-weight:var(--fw-semibold)}.prayer-row-status{font-size:var(--fs-xs);color:var(--text-muted)}.prayer-row-status.current{color:var(--primary);font-weight:var(--fw-semibold)}.prayer-row-status.missed{color:var(--danger)}.prayer-row-status.done{color:var(--success)}.prayer-row-main{flex:1;min-width:0}.prayer-row-time{font-variant-numeric:tabular-nums;font-weight:var(--fw-semibold);color:var(--text-muted)}.prayer-row.now .prayer-row-time{color:var(--text)}.mark-btn{width:40px;height:40px;border-radius:var(--r-full);display:flex;align-items:center;justify-content:center;color:var(--text-faint);border:1.5px solid var(--border);transition:all .15s ease;flex-shrink:0}.mark-btn.markable{border-color:var(--primary);color:var(--primary)}.mark-btn.done{background:var(--success);border-color:var(--success);color:#fff}.mark-btn.qada{background:var(--accent);border-color:var(--accent);color:#fff}.mark-btn:disabled{cursor:default;opacity:.5}.mark-btn.qada-action{border-color:var(--accent);color:var(--accent)}.prayer-row-action{display:flex;gap:var(--sp-2);justify-content:flex-end;width:88px;flex-shrink:0}.switch{position:relative;width:46px;height:27px;border-radius:var(--r-full);background:var(--border);transition:background .2s ease;flex-shrink:0}.switch:after{content:"";position:absolute;top:3px;left:3px;width:21px;height:21px;border-radius:var(--r-full);background:var(--surface);box-shadow:var(--shadow);transition:transform .2s ease}.switch.on{background:var(--primary)}.switch.on:after{transform:translate(19px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);font-weight:var(--fw-semibold);font-size:var(--fs-md);transition:opacity .15s ease}.btn:active{opacity:.8}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-subtle{background:var(--surface-2);color:var(--text)}.btn-danger{background:var(--danger-soft);color:var(--danger)}.btn-block{width:100%}.btn-sm{padding:var(--sp-2) var(--sp-3);font-size:var(--fs-sm);border-radius:var(--r-sm)}.notice{display:flex;gap:var(--sp-2);align-items:flex-start;background:var(--accent-soft);color:var(--text);border-radius:var(--r-md);padding:var(--sp-3);font-size:var(--fs-sm)}.notice svg{color:var(--accent);flex-shrink:0;margin-top:1px}.caption{font-size:var(--fs-xs);color:var(--text-faint);text-align:center}.toast-wrap{position:fixed;bottom:calc(var(--nav-height) + env(safe-area-inset-bottom) + var(--sp-4));left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);z-index:60;pointer-events:none}.toast{background:var(--text);color:var(--bg);border-radius:var(--r-full);padding:var(--sp-2) var(--sp-4);font-size:var(--fs-sm);font-weight:var(--fw-medium);box-shadow:var(--shadow);animation:toast-in .2s ease}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{position:fixed;inset:0;background:var(--overlay);z-index:50;display:flex;align-items:flex-end;justify-content:center}.modal-overlay.center{align-items:center;padding:var(--sp-4)}.sheet{background:var(--surface);border-radius:var(--r-lg) var(--r-lg) 0 0;width:100%;max-width:560px;max-height:88dvh;display:flex;flex-direction:column;padding:var(--sp-4);padding-bottom:calc(var(--sp-4) + env(safe-area-inset-bottom));animation:sheet-in .22s ease}.modal-overlay.center .sheet{border-radius:var(--r-lg);max-height:80dvh}@keyframes sheet-in{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.sheet-header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-3)}.sheet-title{font-size:var(--fs-lg);font-weight:var(--fw-bold)}.icon-btn{width:36px;height:36px;border-radius:var(--r-full);display:flex;align-items:center;justify-content:center;color:var(--text-muted);background:var(--surface-2);flex-shrink:0}.search-box{display:flex;align-items:center;gap:var(--sp-2);background:var(--surface-2);border-radius:var(--r-md);padding:var(--sp-2) var(--sp-3);margin-bottom:var(--sp-3)}.search-box svg{color:var(--text-faint);flex-shrink:0}.search-box input{background:none;border:none;outline:none;width:100%;font-size:var(--fs-md)}.chip-row{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-bottom:var(--sp-3)}.chip{background:var(--primary-soft);color:var(--primary);font-size:var(--fs-sm);font-weight:var(--fw-semibold);border-radius:var(--r-full);padding:var(--sp-1) var(--sp-3)}.city-list{overflow-y:auto;flex:1;min-height:0}.city-item{display:flex;width:100%;align-items:center;gap:var(--sp-3);padding:var(--sp-3);border-radius:var(--r-sm);font-size:var(--fs-md);text-align:left}.city-item:hover{background:var(--surface-2)}.city-item.selected{color:var(--primary);font-weight:var(--fw-semibold)}.list-link{display:flex;align-items:center;gap:var(--sp-3);font-weight:var(--fw-semibold)}.list-link svg{color:var(--primary)}.times-row{display:grid;grid-template-columns:1.5fr repeat(6,1fr);align-items:center;gap:2px;padding:var(--sp-2) var(--sp-1);border-radius:var(--r-sm);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;text-align:center}.times-row.times-head{color:var(--text-faint);font-weight:var(--fw-semibold)}.times-row.today{background:var(--primary-soft);font-weight:var(--fw-semibold)}.times-row .tt-active{background:var(--primary);color:var(--on-primary);border-radius:var(--r-sm);padding:3px 0;font-weight:var(--fw-bold)}.times-date{text-align:left;font-weight:var(--fw-semibold);display:flex;flex-direction:column;line-height:1.2}.times-date em{font-style:normal;color:var(--text-faint);font-weight:var(--fw-medium)}.cal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-3)}.cal-month{font-weight:var(--fw-bold);font-size:var(--fs-md)}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--sp-1)}.cal-dow{text-align:center;font-size:var(--fs-xs);color:var(--text-faint);font-weight:var(--fw-semibold);padding:var(--sp-1) 0}.cal-day{aspect-ratio:1;border-radius:var(--r-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:var(--fs-sm);font-variant-numeric:tabular-nums;position:relative}.cal-day.today{border:1.5px solid var(--primary);font-weight:var(--fw-bold)}.cal-day.future{color:var(--text-faint);cursor:default}.cal-day:not(.future):hover{background:var(--surface-2)}.cal-dot{width:6px;height:6px;border-radius:var(--r-full);background:var(--border)}.cal-dot.full{background:var(--success)}.cal-dot.partial{background:var(--accent)}.cal-dot.empty{background:var(--danger-soft);border:1px solid var(--danger);width:5px;height:5px}.cal-legend{display:flex;flex-wrap:wrap;gap:var(--sp-3);font-size:var(--fs-xs);color:var(--text-muted);margin-top:var(--sp-3);justify-content:center}.cal-legend span{display:inline-flex;align-items:center;gap:var(--sp-1)}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-1)}.stat-value{font-size:var(--fs-xl);font-weight:var(--fw-bold);color:var(--primary);font-variant-numeric:tabular-nums}.stat-label{font-size:var(--fs-xs);color:var(--text-muted)}.progress-track{height:8px;background:var(--surface-2);border-radius:var(--r-full);overflow:hidden;margin-top:var(--sp-2)}.progress-fill{height:100%;background:var(--primary);border-radius:var(--r-full);transition:width .3s ease}.profile-head{display:flex;align-items:center;gap:var(--sp-4)}.profile-head .avatar{width:56px;height:56px}.profile-name{font-size:var(--fs-lg);font-weight:var(--fw-bold)}.profile-email{font-size:var(--fs-sm);color:var(--text-muted)}.settings-list{display:flex;flex-direction:column;padding:var(--sp-2)}.settings-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3);border-radius:var(--r-md);width:100%;text-align:left;font-size:var(--fs-md)}.settings-row svg:first-child{color:var(--text-muted);flex-shrink:0}.settings-row .grow{flex:1;min-width:0}.settings-row .value{color:var(--text-muted);font-size:var(--fs-sm)}.settings-row.danger,.settings-row.danger svg{color:var(--danger)}.swatch-row{display:flex;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3) var(--sp-3)}.swatch{width:36px;height:36px;border-radius:var(--r-full);display:flex;align-items:center;justify-content:center;color:#fff;border:2px solid transparent;box-shadow:inset 0 0 0 2px #ffffff40;transition:transform .15s ease}.swatch.active{border-color:var(--text);transform:scale(1.08)}.swatch-row.inline{padding:0;gap:var(--sp-2)}.swatch-row.inline .swatch{width:26px;height:26px}.qibla-head{display:flex;align-items:center;gap:var(--sp-3);width:100%;text-align:left}.qibla-head>svg:first-child{color:var(--primary);flex-shrink:0}.qibla-title{flex:1;display:flex;flex-direction:column;line-height:1.3;min-width:0}.qibla-sub{font-size:var(--fs-xs);color:var(--text-muted)}.qibla-chev{color:var(--text-faint);display:flex;transition:transform .2s ease}.qibla-chev.open{transform:rotate(90deg)}.qibla-body{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);padding-top:var(--sp-4)}.qibla-dial-wrap{position:relative}.qibla-notch{position:absolute;top:-4px;left:50%;transform:translate(-50%);width:0;height:0;border:8px solid transparent;border-top:12px solid var(--accent);z-index:1}.qibla-dial{display:block;transition:transform .25s ease-out}.qibla-status{font-size:var(--fs-sm);color:var(--text-muted);text-align:center}.qibla-status.ok{color:var(--success);font-weight:var(--fw-semibold)}.qibla-note{font-size:var(--fs-sm);color:var(--text-muted);text-align:center;line-height:1.5}.invite-row{display:flex;gap:var(--sp-2);align-items:center;margin-bottom:var(--sp-2)}.invite-code{flex:1;font-size:var(--fs-lg);font-weight:var(--fw-bold);letter-spacing:.25em;font-variant-numeric:tabular-nums;color:var(--primary)}.invite-input{flex:1;min-width:0;background:var(--surface-2);border:none;outline:none;border-radius:var(--r-sm);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-md);letter-spacing:.15em;text-transform:uppercase}.friend-main{flex:1;min-width:0;display:flex;align-items:center;gap:var(--sp-3);text-align:left}.friend-main>svg:last-child{color:var(--text-faint);flex-shrink:0}.friend-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.friend-info b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-dots{display:flex;gap:5px}.friend-dot{width:10px;height:10px;border-radius:var(--r-full);border:1.5px solid var(--border);background:transparent}.friend-dot.done{background:var(--success);border-color:var(--success)}.friend-dot.qada{background:var(--accent);border-color:var(--accent)}.friend-dot.big{width:16px;height:16px}.version-btn{display:block;margin:0 auto}.release-scroll{overflow-y:auto;min-height:0}.release-head{font-weight:var(--fw-bold);display:flex;align-items:baseline;gap:var(--sp-2)}.release-head span{font-size:var(--fs-xs);color:var(--text-faint);font-weight:var(--fw-medium)}.release-list{margin:var(--sp-2) 0 0;padding-left:1.2em;display:flex;flex-direction:column;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--text-muted)}.onboard{position:fixed;inset:0;z-index:90;background:var(--bg)}.onboard-scroll{height:100%;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain}.onboard-slide{height:100%;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-4);padding:var(--sp-6);text-align:center;max-width:480px;margin:0 auto}.onboard-slide h2{font-size:var(--fs-lg);font-weight:var(--fw-bold)}.onboard-slide p{color:var(--text-muted);font-size:var(--fs-md);line-height:1.55}.onboard-skip{position:absolute;top:calc(env(safe-area-inset-top) + var(--sp-4));right:var(--sp-4);z-index:2;font-weight:var(--fw-semibold);color:var(--text-muted);background:var(--surface-2);border-radius:var(--r-full);padding:var(--sp-2) var(--sp-4)}.onboard-dots{position:absolute;right:14px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px}.onboard-dots span{width:6px;height:6px;border-radius:var(--r-full);background:var(--border);transition:all .25s ease}.onboard-dots span.on{background:var(--primary);height:20px}.ob-hint{color:var(--primary);transform:rotate(-90deg);animation:ob-bounce 1.4s ease-in-out infinite}@keyframes ob-bounce{0%,to{translate:0 6px}50%{translate:0 -4px}}.ob-card{background:linear-gradient(150deg,var(--card-a) 0%,var(--card-b) 100%);color:#f2f7f5;border-radius:var(--r-lg);box-shadow:var(--shadow);padding:var(--sp-4) var(--sp-5);display:flex;align-items:center;gap:var(--sp-4);text-align:left}.ob-card-icon{width:52px;height:52px;border-radius:var(--r-md);background:#ffffff24;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ob-card-label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;opacity:.75;font-weight:var(--fw-semibold)}.ob-card-name{font-size:var(--fs-lg);font-weight:var(--fw-bold)}.ob-card-time{font-size:var(--fs-xl);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;line-height:1.1}.ob-card-rem{font-size:var(--fs-xs);opacity:.85;display:flex;align-items:center;gap:var(--sp-2);margin-top:2px}.ob-rows{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:var(--sp-2);width:100%;max-width:320px}.ob-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3);border-radius:var(--r-md);text-align:left}.ob-row.now{background:var(--primary-soft);box-shadow:inset 3px 0 0 var(--primary)}.ob-row-icon{color:var(--primary);display:flex}.ob-row-main{flex:1;display:flex;flex-direction:column;line-height:1.3}.ob-row-main em{font-style:normal;font-size:var(--fs-xs);color:var(--text-muted)}.ob-row-main em.done{color:var(--success)}.ob-row-main em.cur{color:var(--primary);font-weight:var(--fw-semibold)}.ob-row-time{font-variant-numeric:tabular-nums;font-weight:var(--fw-semibold);color:var(--text-muted)}.ob-mark{width:32px;height:32px;border-radius:var(--r-full);display:flex;align-items:center;justify-content:center;border:1.5px solid var(--border);color:var(--text-faint);flex-shrink:0}.ob-mark.done{background:var(--success);border-color:var(--success);color:#fff}.ob-mark.markable{border-color:var(--primary);color:var(--primary)}.ob-cal{display:flex;gap:var(--sp-2)}.ob-day{width:38px;aspect-ratio:1;border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:var(--fs-xs);font-variant-numeric:tabular-nums}.ob-progress{width:100%;max-width:320px;display:flex;flex-direction:column;gap:var(--sp-2);font-size:var(--fs-xs);color:var(--text-muted)}.ob-bell{width:92px;height:92px;border-radius:var(--r-full);background:var(--primary-soft);color:var(--primary);display:flex;align-items:center;justify-content:center}.segmented{display:flex;background:var(--surface-2);border-radius:var(--r-sm);padding:3px;gap:2px}.segmented button{flex:1;padding:var(--sp-2);border-radius:calc(var(--r-sm) - 3px);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-muted)}.segmented button.active{background:var(--surface);color:var(--text);font-weight:var(--fw-semibold);box-shadow:var(--shadow)}.state-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--sp-3);padding:var(--sp-6) var(--sp-4);color:var(--text-muted)}.state-screen svg{color:var(--text-faint)}.state-title{font-weight:var(--fw-semibold);color:var(--text)}.spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:var(--r-full);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.offline-pill{position:fixed;top:calc(env(safe-area-inset-top) + var(--sp-2));left:50%;transform:translate(-50%);background:var(--danger);color:#fff;font-size:var(--fs-xs);font-weight:var(--fw-semibold);padding:var(--sp-1) var(--sp-3);border-radius:var(--r-full);z-index:70}@media(min-width:768px){.offline-pill{top:auto;bottom:var(--sp-4)}}.day-detail-sub{font-size:var(--fs-sm);color:var(--text-muted);margin-top:-6px;margin-bottom:var(--sp-2)}