.todo-loading{min-width:0}.todo-loading-full{max-width:1000px;margin:0 auto}.todo-loading-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.todo-loading-heading h1{letter-spacing:-.025em;margin:0 0 8px;font-size:32px;line-height:1.3}.todo-loading-heading p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.todo-loading-heading>span{border:1px solid var(--line);border-radius:var(--radius-control);min-height:44px;color:var(--muted);align-items:center;gap:7px;padding:10px 14px;font-size:14px;display:flex}.todo-loading-heading svg{width:18px;height:18px}.todo-skeleton{background:color-mix(in srgb,var(--muted) 14%,var(--paper));border-radius:5px;height:12px;display:block}.todo-loading-input{border:1px solid var(--line);background:var(--paper);border-radius:16px;margin-bottom:28px;padding:18px}.todo-loading-label{width:54px;height:20px;margin-bottom:8px}.todo-loading-title{border-radius:var(--radius-control);width:100%;height:50px}.todo-loading-input>div{justify-content:space-between;align-items:center;gap:20px;margin-top:12px;display:flex}.todo-loading-input>div>i{border-radius:8px;width:154px;height:44px}.todo-loading-input>div>i:last-child{width:80px}.todo-loading-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.todo-loading-tabs{background:var(--surface-soft);color:var(--muted);border-radius:12px;gap:4px;padding:4px;display:flex}.todo-loading-tabs>span{justify-content:center;align-items:center;gap:7px;min-height:44px;padding:9px 16px;font-size:14px;display:flex}.todo-loading-tabs>span:first-child{background:var(--paper);border-radius:8px}.todo-loading-tabs svg{width:17px;height:17px}.todo-loading-filter{width:100px}.todo-loading-panel{border:1px solid var(--line);background:var(--paper);border-radius:16px;min-height:330px;padding:24px}.todo-loading-summary{width:116px;height:26px;margin-bottom:24px}.todo-loading-row{border-bottom:1px solid var(--line-soft);align-items:center;gap:14px;padding:20px 10px;display:flex}.todo-skeleton-check{border-radius:7px;flex-shrink:0;width:21px;height:21px}.todo-loading-row>span{gap:10px;width:80%;min-width:0;display:grid}.todo-loading-row>span i:first-child{width:78%}.todo-loading-row>span i:last-child{width:40%;height:10px}.todo-loading-row:nth-child(2)>span i:first-child{width:60%}.todo-loading-calendar{grid-template-columns:repeat(7,minmax(0,1fr));gap:16px;display:grid}.todo-loading-calendar>i{height:32px}.todo-loading-status{color:var(--muted);justify-content:center;align-items:center;gap:8px;margin-top:16px;font-size:14px;line-height:1.6;display:flex}.todo-loading-status svg{width:15px;height:15px}@keyframes todo-skeleton-breathe{50%{opacity:.45}}@media (prefers-reduced-motion:no-preference){.todo-skeleton{animation:1.8s ease-in-out 3 todo-skeleton-breathe}}@media (width<=680px){.todo-loading-heading{margin-bottom:20px}.todo-loading-heading h1{font-size:28px}.todo-loading-input{margin-bottom:24px;padding:14px}.todo-loading-input>div{flex-wrap:wrap;row-gap:12px}.todo-loading-input>div>i:first-child{margin-left:calc(100% - 154px)}.todo-loading-input>div>i:last-child{width:104px;margin-left:auto}.todo-loading-toolbar{flex-wrap:wrap;gap:4px;margin-bottom:12px}.todo-loading-tabs{width:100%}.todo-loading-tabs>span{flex:1;padding-inline:8px}.todo-loading-filter{margin:16px 0 16px auto}.todo-loading-panel{padding:18px 14px}}