:root{--font-body:ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--font-size:.9375rem;--radius:6px;--control-height:2.125rem;--page-width:720px;--page-padding:clamp(10px, 6vmin, 24px);--page-padding-block:clamp(12px, 6vh, 48px)}@media (pointer:coarse){:root{--control-height:2.75rem}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}@supports (-webkit-touch-callout:none){html{font:-apple-system-body}:root{--font-size:calc(1rem * 15 / 17)}}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--font-size);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}[tabindex="-1"]:focus{outline:none}.ui-page{max-width:var(--page-width);padding:calc(var(--page-padding-block) + env(safe-area-inset-top,0px)) calc(var(--page-padding) + env(safe-area-inset-right,0px)) calc(var(--page-padding-block) + env(safe-area-inset-bottom,0px)) calc(var(--page-padding) + env(safe-area-inset-left,0px));flex-direction:column;min-height:100dvh;margin:0 auto;display:flex}.ui-page__bar{margin-bottom:min(1.6em, var(--page-padding-block));justify-content:space-between;align-items:center;gap:12px;display:flex}.ui-page__title{overflow-wrap:break-word;min-width:0;margin:0;font-size:clamp(1.4em,.9em + 4.5vmin,2.2em);font-weight:700;line-height:1.2}.ui-page__aside{flex-shrink:0;align-items:center;gap:8px;display:flex;position:relative}.ui-popover__button.ui-button{min-width:44px;min-height:44px;color:var(--color-text);align-items:center;gap:4px;padding:2px 8px;display:flex;position:relative}.ui-popover__panel{z-index:10;width:max-content;max-width:min(320px, calc(100vw - 2 * var(--page-padding,16px)));border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);max-height:min(70vh,480px);color:var(--color-text);text-align:start;padding:12px 14px;font-size:.95em;position:absolute;top:calc(100% + 4px);right:0;overflow-y:auto}.ui-page__body{flex:1}.ui-page__footer{margin-top:var(--page-padding-block);border-top:1px solid var(--color-border);color:var(--color-text-muted);text-align:center;flex-direction:column;align-items:center;gap:10px;padding-top:16px;display:flex}.ui-button{min-height:var(--control-height);border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);font:inherit;cursor:pointer;white-space:nowrap;max-width:100%;padding:2px 12px}.ui-button:hover{background:var(--color-surface-hover)}.ui-button:disabled{opacity:.4;cursor:default;pointer-events:none}.ui-button--primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent)}.ui-button--primary:hover{background:var(--color-accent);filter:brightness(.92)}.ui-button--ghost{color:var(--color-text-muted);background:0 0;border-color:#0000}.ui-button--danger{color:var(--color-danger);background:0 0;border-color:#0000}.ui-input{min-height:var(--control-height);border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font:inherit;min-width:0;padding:2px 10px}@media (pointer:coarse){.ui-input{font-size:max(1em,16px)}}.ui-input::placeholder{color:var(--color-text-muted)}.ui-checkbox{width:1rem;height:1rem;accent-color:var(--color-accent);cursor:pointer;flex:none;margin:0}.ui-segmented{border-radius:var(--radius);background:var(--color-surface);border:1px solid var(--color-border);flex-wrap:wrap;gap:2px;max-width:100%;padding:2px;display:inline-flex}.ui-segmented__option{border-radius:calc(var(--radius) - 2px);color:var(--color-text-muted);font:inherit;cursor:pointer;background:0 0;border:0;flex:1 0 auto;padding:2px 10px}.ui-segmented__option:hover{background:var(--color-surface-hover)}.ui-segmented__option[aria-pressed=true]{background:var(--color-bg);color:var(--color-text);box-shadow:0 0 0 1px var(--color-border)}.ui-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ui-textarea{height:auto;min-height:calc(var(--control-height) * 2.5);resize:vertical;padding:8px 10px;line-height:1.4}.ui-field{flex-direction:column;gap:4px;display:flex}.ui-field__label{font-size:.9em;font-weight:600}.ui-field__hint{color:var(--color-text-muted);font-size:.85em}.ui-chip{min-height:var(--control-height);border:1px solid var(--color-border);background:var(--color-bg);max-width:100%;color:var(--color-text);font:inherit;text-align:left;overflow-wrap:anywhere;cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:2px 12px;display:inline-flex}.ui-chip:hover{background:var(--color-surface-hover)}.ui-chip--tag{background:var(--tag-bg);border-color:#0000}.ui-chip--tag:hover{background:var(--tag-bg);border-color:var(--tag)}.ui-chip--tag:before{content:"";background:var(--tag);border-radius:50%;flex:none;width:.625em;height:.625em}.ui-chip[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--tag,var(--color-text));border-color:#0000}.ui-stripe{border-radius:var(--radius);background:0 0;border:0;flex:none;justify-content:center;align-self:stretch;width:14px;margin:0;padding:6px 0;display:flex}button.ui-stripe{cursor:pointer}.ui-stripe__bar{background:var(--tag,transparent);border-radius:2px;width:4px}button.ui-stripe[data-empty] .ui-stripe__bar{box-shadow:inset 0 0 0 1px var(--color-text-muted)}button.ui-stripe:hover .ui-stripe__bar,button.ui-stripe:focus-visible .ui-stripe__bar{background:var(--tag,var(--color-border))}@media (pointer:coarse){.ui-stripe{width:24px}}@media (width<=300px){.ui-button{white-space:normal}.ui-page__title{font-size:1.2em}}@media (width<=300px) and (aspect-ratio>=9/10) and (aspect-ratio<=10/9){:root{--page-padding:9vw;--page-padding-block:12vw}}@media (horizontal-viewport-segments:2){.ui-page{max-width:min(var(--page-width), env(viewport-segment-width 0 0));margin-inline:0}}.screen__title{margin:12px 0 16px;font-size:1.4em}.screen h3{margin:0;font-size:1.25em}.screen h4{margin:0;font-size:1.05em}.screen p{margin:0}.screen__stack{flex-direction:column;gap:14px;display:flex}.screen__stack--tight{gap:8px}.screen__muted{color:var(--color-text-muted)}.screen__choices{gap:10px;display:grid}.screen__choice{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text);font:inherit;text-align:left;cursor:pointer;flex-direction:column;gap:2px;padding:12px 14px;display:flex}.screen__choice:hover{background:var(--color-surface-hover)}.screen__box{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);flex-direction:column;gap:12px;padding:12px 14px;display:flex}.screen [role=alert]{color:var(--color-danger)}.settings{flex-direction:column;gap:28px;display:flex}.settings__part+.settings__part{border-top:1px solid var(--color-border);padding-top:24px}.shell__sync{color:var(--color-text-muted);margin:0;font-size:.9em}.shell-streak__flame{width:18px;height:18px;fill:var(--color-tag-orange)}.shell-popover__title{margin:0 0 6px;font-weight:600}.shell-streak__rules{flex-direction:column;gap:4px;margin:0;padding-left:18px;display:flex}.shell-bell__icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.shell-bell__count{box-sizing:border-box;background:var(--color-danger);min-width:18px;height:18px;color:var(--color-bg);text-align:center;border-radius:9px;padding:0 5px;font-size:11px;font-weight:700;line-height:18px;position:absolute;top:3px;right:1px}.shell-bell .ui-popover__panel{width:320px}.shell-bell__messages{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.shell-bell__message p{margin:2px 0 0}.shell-bell__date{color:var(--color-text-muted);align-items:center;gap:6px;font-size:.85em;display:flex}.shell-bell__new{color:var(--color-danger);font-weight:600}.shell-bell__link{align-items:center;min-height:44px;display:inline-flex}.shell-support{flex-wrap:wrap;column-gap:16px;margin:0;padding:0;list-style:none;display:flex}.shell-support a{min-height:44px;color:var(--color-accent);text-underline-offset:2px;align-items:center;display:inline-flex}.shell__made-by{font-size:.85em}.about__list{flex-direction:column;gap:8px;margin:0;padding-left:20px;display:flex}.about__links{padding-left:0;list-style:none}.about__links a{color:var(--color-accent);text-underline-offset:2px}@media (width<=300px){.screen__title{margin:4px 0 10px}.settings{gap:20px}.settings__part+.settings__part{padding-top:16px}}.shell-apps{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.shell-apps__app{min-height:44px;color:inherit;align-items:center;gap:12px;padding:6px 0;text-decoration:none;display:flex}.shell-apps__icon{border-radius:10px;flex:none}.shell-apps__name{font-weight:600;display:block}a.shell-apps__app .shell-apps__name{color:var(--color-accent)}.shell-apps__text{color:var(--color-text-muted);overflow-wrap:anywhere;display:block}.shell-poll{flex-direction:column;gap:8px;display:flex}.shell-poll__option{border:1px solid var(--color-border);background:linear-gradient(to right, var(--color-surface-hover) var(--share,0%), var(--color-surface) var(--share,0%));min-height:44px;color:var(--color-text);font:inherit;text-align:left;cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}.shell-poll__option[aria-pressed=true]{border-color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent);cursor:default}.shell-poll__option:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.shell-poll__count{color:var(--color-text-muted);font-variant-numeric:tabular-nums;flex:none}.shell-poll__options{margin:0;padding-left:1.2em}.todo-add{gap:8px;margin-bottom:16px;display:flex}.todo-add .ui-input{flex:1}.todo-chips{margin-bottom:16px}.todo-start{flex-direction:column;gap:16px;display:flex}.todo-start .todo-chips,.todo-start .todo-add{margin:0}.todo-picker{padding:4px 6px 10px 30px}@media (pointer:coarse){.todo-picker{padding-left:40px}}.todo-list{margin:0;padding:0;list-style:none}.todo-item{border-radius:var(--radius);background:var(--color-bg);transition:transform .15s}.todo-item[data-dragging=true]{z-index:1;box-shadow:0 0 0 1px var(--color-border);background:var(--color-surface);transition:none;position:relative}.todo-row{min-height:max(2.5rem, var(--control-height));border-radius:var(--radius);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;align-items:center;gap:10px;padding:0 6px;display:flex}.todo-row input{-webkit-user-select:text;user-select:text}.todo-row:hover{background:var(--color-surface-hover)}.todo-main{flex:1;align-self:stretch;min-width:0;display:flex}.todo-main>.todo-rename{align-self:center}.todo-title{width:100%;color:inherit;font:inherit;text-align:left;cursor:text;overflow-wrap:anywhere;background:0 0;border:0;padding:4px 0;display:block}.todo-item[data-done=true] .todo-title{color:var(--color-text-muted);text-decoration:line-through}.todo-rename{width:100%}.todo-delete{opacity:0}.todo-row:hover .todo-delete,.todo-delete:focus-visible{opacity:1}@media (hover:none){.todo-delete{opacity:1}}.todo-bar{color:var(--color-text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:16px;font-size:.9em;display:flex}.todo-swatch{width:var(--control-height);flex:none;justify-content:center;gap:0;padding:0}.todo-picker--colors{padding-left:6px}.todo-done .todo-bar{margin-top:8px}.todo-fold{padding-inline:4px}.todo-fold__arrow{width:1em;transition:transform .15s;display:inline-block}.todo-fold[aria-expanded=true] .todo-fold__arrow{transform:rotate(90deg)}.todo-muted{color:var(--color-text-muted)}@media (pointer:coarse){.todo-row .ui-checkbox{width:1.25rem;height:1.25rem}}@media (width<=300px){.todo-row{gap:6px;padding:0 2px}.todo-delete{padding-inline:4px}.todo-picker{padding-left:6px}}