/* Generated from app.css by `python manage.py build_dark_css`. Do not edit by hand. */
html[data-theme="dark"]{color-scheme:dark}
html[data-theme="dark"] img[src$=".avif"]{filter:brightness(.92)}
html[data-theme="dark"].app-html{background:var(--ivory)}
html[data-theme="dark"] body.app{background:var(--ivory);color:var(--ink)}
html[data-theme="dark"] button,html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{color:inherit}
html[data-theme="dark"] a{color:inherit}
html[data-theme="dark"] .sr-only{border:0}
html[data-theme="dark"] :focus-visible{outline:3px solid #f2783c}
html[data-theme="dark"] .boot{background:var(--art) center bottom / 100% auto no-repeat, #2e2b1a}
html[data-theme="dark"] .boot img{box-shadow:0 10px 30px #1550b829}
html[data-theme="dark"] .install-bar{background:var(--paper);border-bottom:1px solid var(--line)}
html[data-theme="dark"] .install-bar p span{color:var(--ink-3)}
html[data-theme="dark"] .navbar{background:color-mix(in srgb, var(--ivory) 86%, transparent);border-bottom:1px solid transparent}
html[data-theme="dark"] .navbar.is-scrolled,html[data-theme="dark"] .navbar.is-compact{border-bottom-color:var(--line)}
html[data-theme="dark"] .navbar-back{color:var(--cobalt)}
html[data-theme="dark"] .icon-btn{border:0;background:none;color:var(--cobalt)}
html[data-theme="dark"] .icon-btn:active{background:var(--cobalt-soft)}
html[data-theme="dark"] .icon-btn.is-disabled{color:var(--ink-3)}
html[data-theme="dark"] .large-title h1{color:var(--ink)}
html[data-theme="dark"] .large-subtitle{color:var(--ink-3)}
html[data-theme="dark"] .section-title{color:var(--ink-3)}
html[data-theme="dark"] .tabbar{background:color-mix(in srgb, var(--paper) 88%, transparent);border-top:1px solid var(--line)}
html[data-theme="dark"] .tabbar a{color:var(--ink-3)}
html[data-theme="dark"] .tabbar a.is-active{color:var(--cobalt)}
html[data-theme="dark"] .btn{border:0}
html[data-theme="dark"] .btn-primary{background:var(--cobalt);color:#ffffff;box-shadow:0 4px 14px #1550b833}
html[data-theme="dark"] .btn-soft{background:var(--cobalt-soft);color:var(--navy)}
html[data-theme="dark"] .btn-quiet{background:transparent;color:var(--cobalt)}
html[data-theme="dark"] .btn-danger{background:var(--danger);color:#ffffff}
html[data-theme="dark"] .text-link{color:var(--cobalt)}
html[data-theme="dark"] .card{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow)}
html[data-theme="dark"] .card-kicker{color:var(--orange)}
html[data-theme="dark"] .card-text{color:var(--ink-2)}
html[data-theme="dark"] .link-card{color:var(--ink)}
html[data-theme="dark"] .link-card small{color:var(--ink-3)}
html[data-theme="dark"] .link-card .icon{color:var(--ink-3)}
html[data-theme="dark"] .strip-weekday{color:var(--ink-3)}
html[data-theme="dark"] .strip-day.is-today .strip-ring b{color:#ffffff}
html[data-theme="dark"] .strip-day.is-today .strip-ring::before{background:var(--cobalt)}
html[data-theme="dark"] .strip-day.is-today .strip-weekday{color:var(--cobalt)}
html[data-theme="dark"] .strip-day.is-empty .strip-ring b{color:var(--ink-3)}
html[data-theme="dark"] .strip-day.is-today.is-empty .strip-ring b{color:#ffffff}
html[data-theme="dark"] .ring-track{stroke:var(--line)}
html[data-theme="dark"] .ring-value{stroke:var(--green)}
html[data-theme="dark"] .ring-small .ring-track{stroke:var(--line)}
html[data-theme="dark"] .today-card-main{border:0;background:none}
html[data-theme="dark"] .today-card-main:active{background:var(--sand)}
html[data-theme="dark"] .today-kicker{color:var(--orange)}
html[data-theme="dark"] .today-step{color:var(--ink)}
html[data-theme="dark"] .today-cue{color:var(--ink-3)}
html[data-theme="dark"] .today-card.is-done,html[data-theme="dark"] .today-card.is-small{background:#1f251a}
html[data-theme="dark"] .today-card.is-done .today-step,html[data-theme="dark"] .today-card.is-small .today-step{color:var(--ink-3)}
html[data-theme="dark"] .check-btn{border:0;background:none;color:var(--line-strong)}
html[data-theme="dark"] .check-btn .check-ring .ring-track{stroke:var(--line-strong)}
html[data-theme="dark"] .check-btn.is-pending .check-icon{color:color-mix(in srgb, var(--cobalt) 45%, var(--paper))}
html[data-theme="dark"] .check-btn.is-pending .check-ring .ring-track{stroke:color-mix(in srgb, var(--cobalt) 28%, var(--paper))}
html[data-theme="dark"] .check-btn.is-pending:active .check-icon{background:var(--green-soft);color:var(--green)}
html[data-theme="dark"] .check-btn.is-done .check-icon{background:var(--green);color:#ffffff}
html[data-theme="dark"] .check-btn.is-small .check-icon{background:var(--amber-soft);color:var(--amber)}
html[data-theme="dark"] .check-btn.is-small .ring-value{stroke:var(--amber)}
html[data-theme="dark"] .check-btn.is-skip .check-icon{background:var(--sand);color:var(--ink-3)}
html[data-theme="dark"] .check-btn.is-rest .check-icon{color:var(--line-strong)}
html[data-theme="dark"] .check-btn.is-finished{color:var(--orange);background:var(--orange-soft)}
html[data-theme="dark"] .check-label{color:var(--ink-3)}
html[data-theme="dark"] .check-btn.is-popping .check-icon{background:var(--green);color:#ffffff}
html[data-theme="dark"] .card-prompts{border-top:1px solid var(--line);background:var(--sand)}
html[data-theme="dark"] .prompt p{color:var(--ink-2)}
html[data-theme="dark"] .all-done{background:var(--green-soft);color:#bad5c5}
html[data-theme="dark"] .add-row{border:1.5px dashed var(--line-strong);color:var(--cobalt)}
html[data-theme="dark"] .add-row:active{background:var(--cobalt-soft)}
html[data-theme="dark"] .setup-card{background:var(--cobalt-soft);border-color:#212a3d;box-shadow:none}
html[data-theme="dark"] .setup-row{border:0;border-top:1px solid #212a3d;background:none;color:var(--ink)}
html[data-theme="dark"] .setup-row .icon{color:var(--cobalt)}
html[data-theme="dark"] .setup-check{border:2px solid #384356}
html[data-theme="dark"] .setup-check.is-done{background:var(--cobalt);border-color:var(--cobalt);color:#ffffff}
html[data-theme="dark"] .setup-text small{color:var(--ink-3)}
html[data-theme="dark"] .setup-dismiss{color:var(--ink-3)}
html[data-theme="dark"] .review-card{background:var(--orange-soft);border-color:#443328;box-shadow:none}
html[data-theme="dark"] .thumb{background:var(--sand)}
html[data-theme="dark"] .tone-blue{background:#1a2635}
html[data-theme="dark"] .tone-peach{background:#3a281c}
html[data-theme="dark"] .tone-green{background:#404429}
html[data-theme="dark"] .tone-yellow{background:#41371f}
html[data-theme="dark"] .tone-violet{background:#241933}
html[data-theme="dark"] .tone-mint{background:#26352e}
html[data-theme="dark"] .group-title{color:var(--ink-3)}
html[data-theme="dark"] .group-note{color:var(--ink-3)}
html[data-theme="dark"] .group-list{background:var(--paper);border:1px solid var(--line)}
html[data-theme="dark"] .group-list > li + li,html[data-theme="dark"] .group-list > .list-row + .list-row{border-top:1px solid var(--line)}
html[data-theme="dark"] .list-row{border:0;background:none;color:var(--ink)}
html[data-theme="dark"] .list-row:active,html[data-theme="dark"] .habit-row:active,html[data-theme="dark"] .progress-row:active{background:var(--sand)}
html[data-theme="dark"] .list-row > .icon:first-child{color:var(--cobalt)}
html[data-theme="dark"] .list-row > .icon:last-child{color:#b9b1a4}
html[data-theme="dark"] .list-row.is-danger,html[data-theme="dark"] .list-row.is-danger > .icon:first-child{color:var(--danger)}
html[data-theme="dark"] .row-value{color:var(--ink-3)}
html[data-theme="dark"] .list-empty{color:var(--ink-3)}
html[data-theme="dark"] .habit-row,html[data-theme="dark"] .progress-row{color:var(--ink)}
html[data-theme="dark"] .habit-row > .icon:last-child,html[data-theme="dark"] .progress-row > .icon:last-child{color:#b9b1a4}
html[data-theme="dark"] .habit-row-meta{color:var(--ink-3)}
html[data-theme="dark"] .list-note{color:var(--ink-3)}
html[data-theme="dark"] .archived summary{color:var(--ink-2)}
html[data-theme="dark"] .chip{background:var(--sand);color:var(--ink-2)}
html[data-theme="dark"] .chip-time{background:var(--cobalt-soft);color:var(--navy)}
html[data-theme="dark"] .chip-done{background:var(--green-soft);color:var(--green)}
html[data-theme="dark"] .chip-small{background:var(--amber-soft);color:#f4c686}
html[data-theme="dark"] .chip-now{background:var(--orange-soft);color:var(--orange)}
html[data-theme="dark"] .s-small{--c:#e9a73b}
html[data-theme="dark"] .s-skip{--c:#514d47}
html[data-theme="dark"] .s-missed{--c:#35312a}
html[data-theme="dark"] .s-rest,html[data-theme="dark"] .s-rest-upcoming{--c:#35312a}
html[data-theme="dark"] .s-upcoming,html[data-theme="dark"] .s-before,html[data-theme="dark"] .s-after{--c:#1a1f29}
html[data-theme="dark"] .dot{background:var(--c);box-shadow:inset 0 0 0 1px #0000000f}
html[data-theme="dark"] .dot.is-today{outline:2px solid var(--cobalt)}
html[data-theme="dark"] .bar{background:var(--sand)}
html[data-theme="dark"] .bar i{background:var(--green)}
html[data-theme="dark"] .progress-row-text small{color:var(--ink-3)}
html[data-theme="dark"] .habit-hero-ring small,html[data-theme="dark"] .stat-ring small{color:var(--ink-3)}
html[data-theme="dark"] .habit-hero-rule{color:var(--navy)}
html[data-theme="dark"] .habit-hero-meta{color:var(--ink-3)}
html[data-theme="dark"] .segmented{background:var(--sand)}
html[data-theme="dark"] .segment{border:0;background:none;color:var(--ink-2)}
html[data-theme="dark"] .segment[aria-selected="true"]{background:var(--paper);color:var(--ink);box-shadow:0 1px 4px #17203326}
html[data-theme="dark"] .grid-head p{color:var(--ink-2)}
html[data-theme="dark"] .cell{background:var(--c);color:var(--ink-2);box-shadow:inset 0 0 0 1px #00000010}
html[data-theme="dark"] .cell-btn{border:0;background:none;color:inherit}
html[data-theme="dark"] .cell.s-done,html[data-theme="dark"] .cell.s-small{color:#ffffff}
html[data-theme="dark"] .cell.s-small{color:#e0cdb2}
html[data-theme="dark"] .cell.is-today{box-shadow:0 0 0 2.5px var(--cobalt)}
html[data-theme="dark"] .legend{color:var(--ink-3)}
html[data-theme="dark"] .legend i{background:var(--c);box-shadow:inset 0 0 0 1px #00000014}
html[data-theme="dark"] .why-quote{background:var(--orange-soft)}
html[data-theme="dark"] .why-quote p{color:var(--ink)}
html[data-theme="dark"] .why-quote small{color:var(--ink-3)}
html[data-theme="dark"] .note-card{background:var(--paper);border:1px solid var(--line)}
html[data-theme="dark"] .note-card p{color:var(--ink-2)}
html[data-theme="dark"] .finish-card{background:var(--green-soft);border-color:#323f36}
html[data-theme="dark"] .plan-phase-title{color:var(--ink-3)}
html[data-theme="dark"] .plan-phase-note{color:var(--ink-2)}
html[data-theme="dark"] .plan-days,html[data-theme="dark"] .preview-days{background:var(--paper);border:1px solid var(--line)}
html[data-theme="dark"] .plan-days li + li,html[data-theme="dark"] .preview-days li + li{border-top:1px solid var(--line)}
html[data-theme="dark"] .plan-day{border:0;background:none;color:var(--ink)}
html[data-theme="dark"] .plan-day:active{background:var(--sand)}
html[data-theme="dark"] .plan-day.is-today{background:#151d2c}
html[data-theme="dark"] .plan-day > .icon{color:#b9b1a4}
html[data-theme="dark"] .plan-day-num{background:var(--c, var(--sand));box-shadow:inset 0 0 0 1px #00000010}
html[data-theme="dark"] .plan-day-num.s-done{color:#ffffff}
html[data-theme="dark"] .plan-day-text small{color:var(--ink-3)}
html[data-theme="dark"] .calendar-weekday{color:var(--ink-3)}
html[data-theme="dark"] .calendar-day.is-today{background:var(--cobalt-soft);color:var(--navy)}
html[data-theme="dark"] .calendar-day.is-future{color:#c2baad}
html[data-theme="dark"] .calendar-dots i{background:var(--c)}
html[data-theme="dark"] .calendar-dots i.s-done{background:var(--green)}
html[data-theme="dark"] .calendar-dots i.s-small{background:#e9a73b}
html[data-theme="dark"] .calendar-dots i.s-skip{background:#514d47}
html[data-theme="dark"] .empty-text{color:var(--ink-2)}
html[data-theme="dark"] .empty-note{color:var(--ink-3)}
html[data-theme="dark"] .onboarding-art{background:#3d311d}
html[data-theme="dark"] .onboarding-text{color:var(--ink-2)}
html[data-theme="dark"] dialog.sheet{border:0;background:var(--ivory);color:var(--ink);box-shadow:0 -10px 40px #17203326}
html[data-theme="dark"] dialog.sheet::backdrop{background:#17203300}
html[data-theme="dark"] dialog.sheet.is-open::backdrop{background:#1720335c}
html[data-theme="dark"] .sheet-handle{background:#4b4841}
html[data-theme="dark"] .sheet-head{background:var(--ivory)}
html[data-theme="dark"] .sheet-close{color:var(--ink-3);background:var(--sand)}
html[data-theme="dark"] .sheet-text{color:var(--ink-2)}
html[data-theme="dark"] .sheet-kicker{color:var(--orange)}
html[data-theme="dark"] .day-small{background:var(--orange-soft)}
html[data-theme="dark"] .day-why{color:var(--ink-2)}
html[data-theme="dark"] .day-tip{color:var(--navy);background:var(--cobalt-soft)}
html[data-theme="dark"] .day-tip .icon{color:var(--cobalt)}
html[data-theme="dark"] .day-marked p{color:var(--ink-2)}
html[data-theme="dark"] .day-note{color:var(--ink-3)}
html[data-theme="dark"] .menu-list{background:var(--paper);border:1px solid var(--line)}
html[data-theme="dark"] .menu-row{border:0;background:none;color:var(--ink)}
html[data-theme="dark"] .menu-row + .menu-row{border-top:1px solid var(--line)}
html[data-theme="dark"] .menu-row .icon{color:var(--cobalt)}
html[data-theme="dark"] .menu-row.is-danger,html[data-theme="dark"] .menu-row.is-danger .icon{color:var(--danger)}
html[data-theme="dark"] .menu-row:active{background:var(--sand)}
html[data-theme="dark"] .choice-row{border:1px solid var(--line);background:var(--paper);color:var(--ink)}
html[data-theme="dark"] .choice-row small{color:var(--ink-3)}
html[data-theme="dark"] .choice-row:active{background:var(--cobalt-soft);border-color:#293243}
html[data-theme="dark"] .review-stat{background:var(--paper);border:1px solid var(--line)}
html[data-theme="dark"] .review-stat span{color:var(--ink-3)}
html[data-theme="dark"] .field-label{color:var(--ink-2)}
html[data-theme="dark"] .field-input{border:1px solid var(--line-strong);background:var(--paper)}
html[data-theme="dark"] .field-status{color:var(--ink-2)}
html[data-theme="dark"] .time-input{border:1px solid var(--line-strong);background:var(--paper);color:var(--ink)}
html[data-theme="dark"] .fine-print{color:var(--ink-3)}
html[data-theme="dark"] .code-box{border:1px solid var(--line-strong);background:var(--paper)}
html[data-theme="dark"] .install-step{background:var(--paper);border:1px solid var(--line)}
html[data-theme="dark"] .install-step p{color:var(--ink-2)}
html[data-theme="dark"] .install-num{background:var(--cobalt);color:#ffffff}
html[data-theme="dark"] .install-icon{background:var(--cobalt-soft);color:var(--cobalt)}
html[data-theme="dark"] .toast{background:#293652;color:#ffffff;box-shadow:0 10px 30px #17203340}
html[data-theme="dark"] .toast-action{border:0;background:none;color:#9fc0ff}
html[data-theme="dark"] .wizard-progress{background:var(--sand)}
html[data-theme="dark"] .wizard-progress i{background:var(--cobalt)}
html[data-theme="dark"] .wizard-count{color:var(--ink-3)}
html[data-theme="dark"] .wizard-error{color:var(--danger)}
html[data-theme="dark"] .wizard-form fieldset{border:0}
html[data-theme="dark"] .wizard-form .build-help{color:var(--ink-2)}
html[data-theme="dark"] .wizard-form .choice span{background:var(--paper);border:1.5px solid var(--line)}
html[data-theme="dark"] .wizard-form .choice input:checked + span{border-color:var(--cobalt);background:var(--cobalt-soft);color:var(--navy);box-shadow:inset 0 0 0 1px var(--cobalt)}
html[data-theme="dark"] .wizard-form .choice input:focus-visible + span{outline:3px solid #f2783c}
html[data-theme="dark"] .wizard-form .build-field{color:var(--ink-2)}
html[data-theme="dark"] .wizard-form .build-field .optional{color:var(--ink-3)}
html[data-theme="dark"] .wizard-form input[type=text],html[data-theme="dark"] .wizard-form input:not([type]),html[data-theme="dark"] .wizard-form input[type=time],html[data-theme="dark"] .wizard-form textarea{border:1.5px solid var(--line-strong);background:var(--paper);color:var(--ink)}
html[data-theme="dark"] .wizard-nav,html[data-theme="dark"] .wizard-footer{background:linear-gradient(to top, var(--ivory) 78%, #2a231400)}
html[data-theme="dark"] .preview-rule{color:var(--navy)}
html[data-theme="dark"] .version{color:var(--ink-3)}
html[data-theme="dark"] .engage-intro{color:var(--ink-2)}
html[data-theme="dark"] .engage-label{color:var(--ink-2)}
html[data-theme="dark"] .engage-input{border:1px solid var(--line-strong);background:var(--paper);color:var(--ink)}
html[data-theme="dark"] .engage-topics{border:0}
html[data-theme="dark"] .engage-chip span{border:1px solid var(--line-strong);background:var(--paper);color:var(--ink-2)}
html[data-theme="dark"] .engage-chip input:checked + span{background:var(--cobalt-soft);border-color:var(--cobalt);color:var(--navy)}
html[data-theme="dark"] .engage-chip input:focus-visible + span{outline:3px solid #f2783c}
html[data-theme="dark"] .engage-consent{color:var(--ink-2)}
html[data-theme="dark"] .engage-consent input{accent-color:var(--cobalt)}
html[data-theme="dark"] .engage-submit{border:0;background:var(--cobalt);color:#ffffff}
html[data-theme="dark"] .engage-status{color:var(--danger)}
html[data-theme="dark"] .engage-fine{color:var(--ink-3)}
html[data-theme="dark"] .engage-done-text{color:var(--ink-2)}
html[data-theme="dark"] .theme-option{border:1.5px solid var(--line);background:var(--paper);color:var(--ink)}
html[data-theme="dark"] .theme-option[aria-pressed="true"]{border-color:var(--cobalt);box-shadow:inset 0 0 0 1px var(--cobalt)}
html[data-theme="dark"] .theme-swatch.is-light{background:linear-gradient(135deg, #fffdf8 55%, #1550b8 55%)}
html[data-theme="dark"] .theme-swatch.is-dark{background:linear-gradient(135deg, #12151c 55%, #6f9bf2 55%)}
html[data-theme="dark"] .theme-swatch.is-system{background:linear-gradient(135deg, #fffdf8 50%, #12151c 50%)}
html[data-theme="dark"]{--ivory: #12151c; --paper: #1a1f29; --sand: #232834; --line: #2c3240; --line-strong: #3a4151;
  --ink: #eceae4; --ink-2: #c3c8d2; --ink-3: #939cab; --navy: #a9c3f5; --cobalt: #6f9bf2; --cobalt-soft: #1c2a47;
  --orange: #ff8a5c; --orange-soft: #33231b; --green: #4fb77a; --green-soft: #17291f; --amber: #f0b04a; --amber-soft: #33291a;
  --danger: #ff7a66; --shadow: 0 1px 2px #0000004d, 0 6px 18px #00000059;}
html[data-theme="dark"] .btn-primary{background: #2f6ad9; box-shadow: 0 4px 14px #0000004d;}
html[data-theme="dark"] .boot{background: linear-gradient(var(--ivory) 50%, #12151c66 74%, #12151c4d), var(--art) center bottom / 100% auto no-repeat, var(--ivory);}
html[data-theme="dark"] .toast{background: #eceae4; color: #172033;}
html[data-theme="dark"] .toast-action{color: #1550b8;}
html[data-theme="dark"] dialog.sheet.is-open::backdrop{background: #000000a6;}
html[data-theme="dark"] .navbar{background: color-mix(in srgb, var(--ivory) 86%, transparent);}
html[data-theme="dark"] .tabbar{background: color-mix(in srgb, var(--paper) 90%, transparent);}
html[data-theme="dark"] .strip-day.is-today .strip-ring::before{background: var(--cobalt);}
html[data-theme="dark"] .cell.s-small{color: #3d2a06;}
html[data-theme="dark"] .engage-submit{background: #2f6ad9;}