.theme-switch{flex:none;align-items:center;display:inline-flex}.theme-switch .theme-switch-trigger{color:#6e86aa;border-radius:8px;flex:none;justify-content:center;align-items:center;width:32px;min-width:32px;height:36px;padding:0;display:inline-flex}.theme-switch .theme-switch-trigger>svg{stroke-width:1.7px;width:17px;height:17px}.theme-switch .theme-switch-trigger[aria-expanded=true]{color:#386bdc;background:#e5eeff}.theme-switch-panel{z-index:120;background:#fff;border:1px solid #dce6f7;border-radius:13px;width:168px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:6px;animation:.15s ease-out both theme-menu-in;position:fixed;overflow-y:auto;box-shadow:0 12px 35px #2b559c1c}.theme-switch-panel>button{text-align:left;color:#6c84a8;white-space:nowrap;border-radius:8px;align-items:center;gap:10px;width:100%;min-height:44px;padding:10px;font-size:12px;line-height:1.5;display:flex}.theme-switch-panel>button[aria-checked=true]{color:#386bdc;background:#e8f0ff;font-weight:550}.theme-switch-panel>button:hover{background:#f0f5ff}.theme-switch-panel>button:focus-visible{outline-offset:-2px;background:#edf3ff;outline:2px solid #7a9de9}.theme-switch-panel>button>svg{stroke-width:1.7px;flex:none}.theme-switch-check{margin-left:auto}html[data-theme=dark] .theme-switch .theme-switch-trigger{color:#a7b9d7}html[data-theme=dark] .theme-switch .theme-switch-trigger:hover{background:#253a5a}html[data-theme=dark] .theme-switch .theme-switch-trigger[aria-expanded=true]{color:#dbe8ff;background:#2a426b}html[data-theme=dark] .theme-switch-panel{background:#19283f;border-color:#344969;box-shadow:0 14px 40px #0005}html[data-theme=dark] .theme-switch-panel>button{color:#b2c4e1}html[data-theme=dark] .theme-switch-panel>button[aria-checked=true]{color:#e2edff;background:#2b4675}:is(html[data-theme=dark] .theme-switch-panel>button:hover,html[data-theme=dark] .theme-switch-panel>button:focus-visible){color:#e0ebff;background:#253a5a}@keyframes theme-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (max-width:360px){.theme-switch .theme-switch-trigger{width:30px;min-width:30px}}@media (prefers-reduced-motion:reduce){.theme-switch-panel{animation:none}}.checkin-dialog{inset:auto;top:calc(var(--checkin-viewport-top,0px) + var(--checkin-viewport-height,100dvh)/2);width:min(460px,100% - 40px);max-width:none;max-height:calc(var(--checkin-viewport-height,100dvh) - 40px);color:var(--ink);background:#fff;border:1px solid #e4e9dd;border-radius:20px;margin:0;padding:0;position:fixed;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 22px 90px #1e35242e}.checkin-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#23312666;animation:.22s ease-out both checkin-backdrop-in}.checkin-dialog[open]{flex-direction:column;animation:.22s cubic-bezier(.2,.7,.25,1) both checkin-panel-in;display:flex}.checkin-dialog-form{max-height:inherit;flex-direction:column;width:100%;min-height:0;display:flex}.checkin-dialog-heading{border-bottom:1px solid #edf0e7;flex:none;justify-content:space-between;align-items:flex-start;gap:16px;padding:23px 23px 17px;display:flex}.checkin-dialog-heading>div{min-width:0}.checkin-dialog-heading h2{color:#3b543e;overflow-wrap:anywhere;font-size:16px;line-height:1.5}.checkin-dialog-heading p{color:#87937f;margin-top:7px;font-size:11px;line-height:1.8}.checkin-dialog-close{color:#7b8b70;background:#f2f5ee;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;display:grid}.checkin-dialog-close:focus-visible{outline-offset:2px;outline:2px solid #6b835d}.checkin-dialog-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;min-height:0;padding:19px 23px;overflow-y:auto}.checkin-dialog-body>textarea{resize:vertical;background:#f8faf5;border:1px solid #e4eadc;border-radius:12px;width:100%;min-height:150px;max-height:40dvh;margin:0;padding:13px 14px;font-size:14px;line-height:1.8;display:block}.checkin-dialog-count{text-align:right;color:#97a08e;font-variant-numeric:tabular-nums;margin-top:8px;font-size:10px}.checkin-dialog-footer{background:#fff;border-top:1px solid #edf1e7;flex-direction:column;flex:none;gap:12px;padding:17px 23px 22px;display:flex}.checkin-dialog-footer>.btn{border-radius:11px;gap:10px;width:100%;min-height:44px;font-size:12px}.checkin-dialog-error{color:#a45f46;overflow-wrap:anywhere;font-size:12px;line-height:1.75}.checkin-dialog .habit-editor{gap:10px;margin:0}.checkin-dialog .habit-editor>div{grid-template-columns:minmax(0,1fr) repeat(3,34px);gap:6px;padding:0;display:grid!important}.checkin-dialog .habit-editor input{border-radius:9px;width:100%;min-width:0;min-height:40px;font-size:13px}.checkin-dialog .habit-editor button{color:#819374;border:1px solid #e6ecdf;border-radius:8px;place-items:center;width:34px;min-width:0;height:40px;min-height:0;display:grid}.checkin-dialog .habit-editor button svg{width:15px;height:15px}.checkin-dialog-add{color:#7e946c;background:#f9fbf6;border:1px dashed #dce6d2;border-radius:10px;justify-content:center;align-items:center;width:100%;min-height:42px;margin-top:13px;padding:9px 12px;font-size:12px;display:flex}@media (max-width:760px){.checkin-dialog[open]{animation-name:checkin-sheet-in}.checkin-dialog{top:calc(var(--checkin-viewport-top,0px) + var(--checkin-viewport-height,100dvh) - 8px);width:min(580px,100% - 16px);max-height:calc(var(--checkin-viewport-height,100dvh) - 24px);border-radius:23px 23px 16px 16px;left:50%;transform:translate(-50%,-100%)}.checkin-dialog-heading{gap:12px;padding:23px 18px 16px;position:relative}.checkin-dialog-heading:before{content:"";background:#dce4d3;border-radius:3px;width:30px;height:4px;position:absolute;top:8px;left:calc(50% - 15px)}.checkin-dialog-heading h2{font-size:15px}.checkin-dialog-heading p{max-width:35ch;font-size:11px;line-height:1.8}.checkin-dialog-close{width:38px;height:38px;margin-top:1px}.checkin-dialog-body{padding:18px}.checkin-dialog-body>textarea{resize:none;min-height:125px;max-height:35dvh;font-size:16px}.checkin-dialog-count{margin-top:9px;font-size:10px}.checkin-dialog-footer{padding:15px 18px max(17px,env(safe-area-inset-bottom));gap:10px}.checkin-dialog-footer>.btn{min-height:46px;font-size:12px}.checkin-dialog-error{font-size:12px}.checkin-dialog .habit-editor{gap:11px}.checkin-dialog .habit-editor>div{grid-template-columns:minmax(0,1fr) repeat(3,33px);gap:5px}.checkin-dialog .habit-editor input{min-height:44px;padding:10px;font-size:16px}.checkin-dialog .habit-editor button{width:33px;height:44px}.checkin-dialog-add{min-height:44px;font-size:12px}}@media (max-width:360px){.checkin-dialog-heading{padding-left:15px;padding-right:15px}.checkin-dialog-body{padding:16px 14px}.checkin-dialog-footer{padding-left:15px;padding-right:15px}.checkin-dialog .habit-editor>div{grid-template-columns:minmax(0,1fr) repeat(3,31px);gap:4px}.checkin-dialog .habit-editor button{width:31px}.checkin-dialog .habit-editor input{padding-left:8px;padding-right:8px}}@keyframes checkin-panel-in{0%{opacity:0;transform:translate(-50%,calc(8px - 50%))scale(.985)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes checkin-sheet-in{0%{opacity:0;transform:translate(-50%,calc(16px - 100%))}to{opacity:1;transform:translate(-50%,-100%)}}@keyframes checkin-backdrop-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.checkin-dialog[open]{animation:none}.checkin-dialog::backdrop{animation:none}}
