:root{color:#17202a;background:#f5f7f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{border:0;border-radius:8px;background:#1f6feb;color:#fff;cursor:pointer;min-height:40px;padding:0 14px}button:disabled{cursor:not-allowed;opacity:.5}input,textarea,select{width:100%;border:1px solid #d6dde5;border-radius:8px;background:#fff;color:#17202a;min-height:42px;padding:9px 11px}textarea{resize:vertical}label{display:grid;gap:6px;color:#4a5565;font-size:14px}.auth-shell{display:grid;min-height:100vh;place-items:center;padding:24px}.auth-panel{width:min(100%,380px);border:1px solid #e2e7ed;border-radius:8px;background:#fff;padding:28px}.logo{display:flex;justify-content:center;line-height:0;width:100%}.logo svg{display:block;height:48px;width:164px}.auth-panel .logo{margin-bottom:22px}.stack{display:grid;gap:14px}.text-button,.secondary{background:#eef2f6;color:#233040}.text-button{margin-top:16px;width:100%}.error{color:#c03434;margin:0}.app-shell{min-height:100vh;padding:20px}.topbar{align-items:center;display:flex;justify-content:center;margin:0 auto 18px;max-width:1120px;min-height:44px;position:relative}.topbar .secondary{position:absolute;right:0}.layout{display:grid;gap:18px;grid-template-columns:1fr;margin:0 auto;max-width:1120px}.todo-list,.editor{border:1px solid #e2e7ed;border-radius:8px;background:#fff}.todo-list{min-height:560px;padding:16px}.editor{align-self:start;margin:0 auto;max-width:560px;padding:18px;width:100%}.modal-backdrop{align-items:center;background:#17202a73;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:24px;position:fixed;z-index:10}.modal-backdrop .editor{box-shadow:0 16px 48px #17202a3d;max-height:calc(100vh - 48px);overflow-y:auto}.editor-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.editor-header h2{margin:0}.modal-close{background:transparent;color:#4a5565;font-size:26px;padding:0;width:40px}.modal-close:hover{color:#13795b}.list-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:14px}.list-controls{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.segments{display:inline-flex;gap:4px;padding:4px;border-radius:8px;background:#eef2f6}.segments button,.weekday-row button,.type-picker button{border:1px solid transparent;background:#f6f8fa;color:#4a5565}.segments button.active,.weekday-row button.active,.type-picker button.active{border-color:#13795b;background:#13795b;color:#fff;font-weight:700}.danger,.icon-danger{background:#fff1f1;color:#a52323}.icon-danger{align-items:center;display:flex;justify-content:center;padding:0;width:40px}.icon-danger svg{fill:none;height:20px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;width:20px}ul{display:grid;gap:8px;list-style:none;margin:0;padding:0}.grouped-todos{display:grid;gap:20px}.todo-group{display:grid;gap:8px}.todo-group h3{color:#4a5565;font-size:14px;margin:0}li{align-items:center;border:1px solid #edf0f3;border-radius:8px;display:grid;gap:8px;grid-template-columns:72px 1fr 64px;min-height:62px;padding:8px}li.done .todo-main strong{color:#7a8796;text-decoration:line-through}.check{accent-color:#13795b;height:20px;min-height:0;padding:0;width:20px}.todo-status{align-items:center;display:flex;justify-content:center;position:relative;transform:translate(-5px)}.recurrence-icon{color:#13795b;display:flex;height:20px;left:calc(50% + 20px);position:absolute;width:20px}.recurrence-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;width:100%}.todo-main{background:transparent;color:#17202a;display:grid;justify-items:start;padding:0;text-align:left}.todo-main span,.hint{color:#697586;font-size:13px}.center-state{display:grid;gap:6px;min-height:420px;place-content:center;text-align:center;color:#697586}.center-state button{margin:12px auto 0}.inline{align-items:center;display:flex}.inline input{width:auto}.recurrence{display:grid;gap:12px;border:1px solid #e2e7ed;border-radius:8px;padding:12px}.type-picker{border:0;display:grid;gap:8px;grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0}.type-picker legend{color:#4a5565;font-size:14px;margin-bottom:6px}.type-picker button{border:1px solid #d6dde5;min-width:0;padding:0 8px}.weekday-row{display:grid;gap:6px;grid-template-columns:repeat(7,1fr)}.weekday-row button{border:1px solid #d6dde5;padding:0}.actions{display:flex;gap:8px;justify-content:flex-end}@media (max-width: 860px){.layout{grid-template-columns:1fr}li{grid-template-columns:68px 1fr 40px}.topbar{padding-top:44px}.topbar .secondary{right:0;top:0}.type-picker{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 600px){.modal-backdrop{padding:12px}.modal-backdrop .editor{max-height:calc(100vh - 24px)}}