:root{--color-bg:#f2f2f7;--color-surface:#fff;--color-surface-2:#f2f2f7;--color-border:#c6c6c8;--color-text-primary:#000;--color-text-secondary:#6c6c70;--color-accent:#007aff;--color-danger:#ff3b30;--color-success:#34c759;--color-health:#30d158;--color-work:#007aff;--color-home:#ff9f0a;--color-social:#bf5af2;--color-travel:#32ade6;--color-finance:#ffd60a;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--tab-bar-height:83px;--font-size-sm:13px;--font-size-base:17px;--font-size-lg:20px}@media (prefers-color-scheme:dark){:root{--color-bg:#000;--color-surface:#1c1c1e;--color-surface-2:#2c2c2e;--color-border:#38383a;--color-text-primary:#fff;--color-text-secondary:#98989d;--color-accent:#0a84ff;--color-danger:#ff453a;--color-success:#30d158}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text-primary);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:var(--font-size-base);-webkit-font-smoothing:antialiased;min-height:100dvh}#root{min-height:100dvh}.tab-bar{height:var(--tab-bar-height);background:var(--color-surface);border-top:1px solid var(--color-border);padding-top:8px;padding-bottom:env(safe-area-inset-bottom,0px);z-index:100;align-items:flex-start;display:flex;position:fixed;bottom:0;left:0;right:0}.tab-bar__item{color:var(--color-text-secondary);flex-direction:column;flex:1;align-items:center;gap:2px;padding:0 4px;text-decoration:none;display:flex}.tab-bar__item--active{color:var(--color-accent)}.tab-bar__icon{font-size:24px;line-height:1}.tab-bar__label{font-size:10px}.bs-backdrop{z-index:200;background:#0006;align-items:flex-end;display:flex;position:fixed;inset:0}.bs{background:var(--color-surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));animation:.25s ease-out bs-up}@keyframes bs-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.bs__header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.bs__title{font-size:var(--font-size-lg);font-weight:600}.bs__close{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;padding:4px;font-size:18px}.pill{border:1.5px solid var(--color-border);background:var(--color-surface);color:var(--color-text-primary);font-size:var(--font-size-sm);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;border-radius:20px;align-items:center;padding:6px 14px;font-weight:500;display:inline-flex}.pill--selected{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.task-form{flex-direction:column;gap:12px;display:flex}.task-form__title{border:1.5px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-2);width:100%;color:var(--color-text-primary);font-size:var(--font-size-base);outline:none;padding:12px}.task-form__title:focus{border-color:var(--color-accent)}.task-form__char-count{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:right;margin-top:-8px}.task-form__label{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.task-form__pills{flex-wrap:wrap;gap:8px;display:flex}.task-form__date{border:1.5px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-2);color:var(--color-text-primary);font-size:var(--font-size-base);width:100%;padding:10px 12px}.task-form__actions{gap:12px;margin-top:8px;display:flex}.task-form__btn{border-radius:var(--radius-sm);font-size:var(--font-size-base);cursor:pointer;border:none;flex:1;padding:14px;font-weight:600}.task-form__btn--cancel{background:var(--color-surface-2);color:var(--color-text-primary)}.task-form__btn--submit{background:var(--color-accent);color:#fff}.task-form__btn--submit:disabled{opacity:.4}.filter-bar{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.filter-bar__row{scrollbar-width:none;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.filter-bar__row::-webkit-scrollbar{display:none}.task-row{background:var(--color-surface);border-radius:var(--radius-md);transition:box-shadow .15s;overflow:hidden}.task-row--expanded{box-shadow:0 4px 16px #0000001f}.task-row__collapsed{cursor:pointer;-webkit-tap-highlight-color:transparent;align-items:center;gap:12px;padding:14px 12px;display:flex}.task-row__drag{color:var(--color-text-secondary);cursor:grab;flex-shrink:0;font-size:20px}.task-row__info{flex:1;min-width:0}.task-row__title{white-space:nowrap;text-overflow:ellipsis;font-weight:500;display:block;overflow:hidden}.task-row__meta{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:2px;display:block}.task-row__actions{border-top:1px solid var(--color-border);display:flex}.task-row__confirm-msg{font-size:var(--font-size-sm);color:var(--color-text-secondary);flex:1;align-items:center;padding:12px;display:flex}.task-row__btn{border:none;border-right:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-primary);font-size:var(--font-size-sm);cursor:pointer;-webkit-tap-highlight-color:transparent;flex:1;padding:14px 8px}.task-row__btn:last-child{border-right:none}.task-row__btn--danger{color:var(--color-danger)}.task-row__btn--success{color:var(--color-success)}.task-list{flex-direction:column;gap:16px;display:flex}.task-list__group{flex-direction:column;gap:8px;display:flex}.task-list__group-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;padding:0 4px;font-weight:600}.task-list__item{margin-bottom:8px}.task-list__empty{color:var(--color-text-secondary);text-align:center;padding:2rem}.feedback-backdrop{z-index:300;background:#00000080;align-items:flex-end;display:flex;position:fixed;inset:0}.feedback-modal{background:var(--color-surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;padding:20px 16px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));flex-direction:column;gap:16px;animation:.25s ease-out bs-up;display:flex}.feedback-modal__header{justify-content:space-between;align-items:center;display:flex}.feedback-modal__header h2{font-size:var(--font-size-lg);font-weight:600}.feedback-modal__close{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;font-size:18px}.feedback-modal__row{flex-direction:column;gap:8px;display:flex}.feedback-modal__label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:600}.feedback-modal__pills{flex-wrap:wrap;gap:8px;display:flex}.tasks-page{padding:16px}.tasks-page__header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.tasks-page__title{font-size:28px;font-weight:700}.tasks-page__add-btn{background:var(--color-accent);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:24px;display:flex}.weekly-chart{flex-direction:column;gap:10px;display:flex}.weekly-chart__row{align-items:center;gap:10px;display:flex}.weekly-chart__label{font-size:var(--font-size-sm);flex-shrink:0;width:70px;font-weight:500}.weekly-chart__bar-wrap{flex:1;align-items:center;gap:8px;display:flex}.weekly-chart__bar{border-radius:4px;min-width:4px;height:20px;transition:width .3s}.weekly-chart__value{font-size:var(--font-size-sm);color:var(--color-text-secondary);flex-shrink:0}.report-section{background:var(--color-surface);border-radius:var(--radius-md);padding:16px}.report-section__title{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;font-weight:600}.report-page{flex-direction:column;gap:16px;padding:16px;display:flex}.report-page__header{justify-content:space-between;align-items:center;display:flex}.report-page__nav{color:var(--color-accent);cursor:pointer;background:0 0;border:none;padding:8px;font-size:22px}.report-page__week{font-size:var(--font-size-sm);text-align:center;font-weight:600}.report-page__sections{flex-direction:column;gap:12px;display:flex}.report-page__empty{color:var(--color-text-secondary);text-align:center;padding:2rem}.report-page__outcomes{flex-wrap:wrap;gap:16px;display:flex}.report-page__footer{margin-top:8px}.report-page__export-btn{border:1.5px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);width:100%;color:var(--color-accent);font-size:var(--font-size-base);cursor:pointer;padding:14px;font-weight:600}.settings-row{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:14px 0;display:flex}.settings-row:last-child{border-bottom:none}.settings-row__label{font-size:var(--font-size-base)}.settings-row__control{gap:6px;display:flex}.settings-page{flex-direction:column;gap:24px;padding:16px;display:flex}.settings-page__title{font-size:28px;font-weight:700}.settings-page__group{background:var(--color-surface);border-radius:var(--radius-md);padding:0 16px}.settings-page__group-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;padding:12px 0 4px;font-weight:600}.settings-page__info{font-size:var(--font-size-sm);color:var(--color-text-secondary);padding:12px 0}.settings-page__action-btn{border:1.5px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-accent);font-size:var(--font-size-sm);cursor:pointer;padding:8px 16px;font-weight:600}.settings-page__action-btn--danger{color:var(--color-danger);border-color:var(--color-danger)}.app{flex-direction:column;min-height:100dvh;display:flex}.app-content{padding-bottom:calc(var(--tab-bar-height) + env(safe-area-inset-bottom,0px));flex:1;overflow-y:auto}