.task-title{white-space:normal;overflow-wrap:anywhere}.task-card-bottom{align-items:end}.complete-button{color:#278455;font-weight:700}.task-card:active{transform:scale(.99)}
.tabs-drawer{display:flex;flex-direction:column}
.phone-app,.task-modal,.tabs-drawer,body{background:var(--paper)}.list-heading,.quick-task-button,.save-button,.priority-options input:checked+span{background:var(--ink);color:var(--paper)}.task-modal input,.task-modal select,.task-modal textarea,.filter-bar select,.filter-bar input{background:var(--paper);color:var(--ink)}
.calendar-view{flex:1;min-height:0;overflow:hidden;padding:16px 0 100px}.calendar-title{text-align:center;font-size:clamp(18px,5vw,28px);font-weight:800}.calendar-rule{height:3px;background:var(--line);margin:8px 8px 10px}.day-routine{width:min(88%,360px);margin:0 auto 24px;border:3px solid var(--line);border-radius:42px;padding:12px 28px 22px;min-height:310px}.routine-day-label{text-align:center;font-weight:800;text-decoration:underline;text-underline-offset:6px;margin-bottom:20px;text-transform:lowercase}.routine-list>div{display:flex;justify-content:space-between;gap:15px;font-size:clamp(11px,3vw,15px);line-height:1.55}.routine-list time{font-weight:700;white-space:nowrap}.week-strip{display:flex;gap:10px;overflow-x:auto;padding:12px 5px 18px;border-top:3px solid var(--line);border-bottom:3px solid var(--line);scroll-snap-type:x mandatory}.week-day{flex:0 0 clamp(116px,30vw,160px);height:148px;border:3px solid var(--line);border-radius:30px;padding:12px 8px;display:flex;flex-direction:column;gap:9px;scroll-snap-align:start;background:var(--paper);text-align:center}.week-day strong{font-size:12px;text-decoration:underline;text-underline-offset:5px;text-transform:lowercase}.week-day span{font-size:11px;color:#666}.week-day.active{background:var(--ink);color:var(--paper)}.week-day.active span{color:var(--paper);opacity:.8}
.filter-bar{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap;padding:10px 0 2px;border-bottom:1px solid #ddd}.filter-bar label{display:flex;flex-direction:column;gap:4px;font-size:10px;font-weight:700;color:#666}.filter-bar select,.filter-bar input{border:1px solid #aaa;border-radius:7px;background:#fff;padding:7px 8px;font-size:11px;min-width:105px}.filter-date{display:none!important}.range-dates{display:none;gap:7px}.range-dates label{display:flex}.filter-count{margin-left:auto;font-size:10px;color:#777;padding-bottom:8px}.drawer-spacer{flex:1}.settings-tab{margin-top:auto}.settings-panel{display:none;border-top:1px solid #ddd;padding:14px 5px 0}.settings-panel.open{display:block}.settings-panel label{display:flex;align-items:center;justify-content:space-between;font-size:12px;padding:8px 0}.settings-panel input[type=color]{width:42px;height:28px;border:0;padding:0;background:transparent}.reset-colors{margin-top:8px;color:#666;font-size:11px}.priority-options{flex-wrap:wrap;max-width:210px;justify-content:flex-end}.priority-options span{width:25px;height:25px;font-size:10px}@media(max-width:380px){.filter-bar select,.filter-bar input{min-width:90px}.filter-count{width:100%;margin-left:0}.priority-options{max-width:170px;gap:3px}.priority-options span{width:23px;height:23px}}